/* { 
	"id": "@min-width-md",
	"label": "Minimum Width Medium",
	"value": "970px",
	"group": "Content Fonts",
	"contentType": "FONT_WEIGHT"
} */
/* { 
	"id": "@min-width-sm",
	"label": "Minimum Width Small",
	"value": "750px",
	"group": "Content Fonts",
	"contentType": "FONT_WEIGHT"
} */
@font-face {
  font-family: FontAwesome;
  src: url("../fonts/ .eot");
  src: url("/fonts/fontawesome-webfont-674f50d287a8c48dc19ba404d20fe713.eot?#iefix") format("embedded-opentype"), url("/fonts/fontawesome-webfont-af7ae505a9eed503f8b8e6982036873e.woff2") format("woff2"), url("/fonts/fontawesome-webfont-fee66e712a8a08eef5805a46892932ad.woff") format("woff"), url("/fonts/fontawesome-webfont-b06871f281fee6b241d60582ae9369b9.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svgfontawesomeregular") format("svg");
}
.font-shadow:before {
  text-shadow: 10px 10px 0px rgba(0, 64, 110, 0.1);
}
@font-face {
  font-family: 'payment';
  font-weight: normal;
  font-style: normal;
  src: url('/styles/fonts/Payment/payment-tools-e1bff6021c35c7cf35c51a6698edc1b6.eot');
  src: url('/styles/fonts/Payment/payment-tools-e1bff6021c35c7cf35c51a6698edc1b6.eot#iefix') format('embedded-opentype'), url('/styles/fonts/Payment/payment-tools-d1da4c04e29110db27b34573fa1e3f3f.woff') format('woff'), url('/styles/fonts/Payment/payment-tools-4540d6ee6d28718e41402d23d971848f.ttf') format('truetype'), url('/styles/fonts/Payment/payment-tools-732ac4adab488d1c66d81e3eb5f34387.svg') format('svg');
}
[class^="payment-tools_"],
[class*="payment-tools_"] {
  font-family: 'payment';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.payment-tools_hand-with-mobile:before {
  content: "\e901";
}
.payment-tools_hand-with-card:before {
  content: "\e900";
}
.payment-tools_mobile-money:before {
  content: "\e904";
}
.payment-tools_signal:before {
  content: "\e907";
}
.payment-tools_two-cards:before {
  content: "\e90a";
}
.payment-tools_wallet-with-card:before {
  content: "\e90b";
}
.payment-icon {
  font-size: 85px;
  margin-right: 0px;
  text-align: center;
  color: #ffffff;
  color: #395FF0;
  padding-top: 20px;
}
@font-face {
  font-family: 'security';
  font-weight: normal;
  font-style: normal;
  src: url('/styles/fonts/Security/security-74045eb93d3a4d12f1d11c5a1901eed2.eot');
  src: url('/styles/fonts/Security/security-74045eb93d3a4d12f1d11c5a1901eed2.eot#iefix') format('embedded-opentype'), url('/styles/fonts/Security/security-78e201183fa51eadcee8d6809a6bfb8f.woff') format('woff'), url('/styles/fonts/Security/security-fe5705029fb3226f00aa09efa3e5fba3.ttf') format('truetype'), url('/styles/fonts/Security/security-6e2b375842804804a2b0aa4ad954a301.svg') format('svg');
}
[class^="security"],
[class*="security"] {
  font-family: 'security';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.security_locked:before {
  content: "\e905";
}
.security_magnify-glass:before {
  content: "\e907";
}
/*.security-icon-devResources{
	.iconbase;
    color:@tsys-blue;
    padding-top:60px;
}*/
@font-face {
  font-family: 'business';
  font-weight: normal;
  font-style: normal;
  src: url('/styles/fonts/Business/business-finance-528c6edc809c49b6cb96dd7c458c4e21.eot');
  src: url('/styles/fonts/Business/business-finance-528c6edc809c49b6cb96dd7c458c4e21.eot#iefix') format('embedded-opentype'), url('/styles/fonts/Business/business-finance-d1c3fbc8429bafb28a255eff1f649e70.woff') format('woff'), url('/styles/fonts/Business/business-finance-8ff27bbe09a1f737a333238d09fa8322.ttf') format('truetype'), url('/styles/fonts/Business/business-finance-25931a78cd1a426361eef783b2ca057d.svg') format('svg');
}
[class^="business-finance_"],
[class*="business-finance_"] {
  font-family: 'business';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.business-finance_envelope-sending:before {
  content: "\e909";
}
.business-finance_government:before {
  content: "\e90b";
}
.business-finance_puzzle-pieces:before {
  content: "\e90f";
}
.business-icon {
  font-size: 85px;
  margin-right: 0px;
  text-align: center;
  color: #ffffff;
  padding-bottom: 20px;
  margin-top: 25px;
  color: #00935f;
}
.business-icon-application {
  font-size: 85px;
  margin-right: 0px;
  text-align: center;
  color: #ffffff;
  padding-bottom: 20px;
  font-size: 125px;
}
@font-face {
  font-family: 'general';
  src: url('/styles/fonts/General/general-9eb69ec94c8705d167aea0f67478c6ab.eot?wltq1q');
  src: url('/styles/fonts/General/general-9eb69ec94c8705d167aea0f67478c6ab.eot?wltq1q#iefix') format('embedded-opentype'), url('/styles/fonts/General/general-f73244c5f21ac5d5bddfda3f904aa5b1.ttf?wltq1q') format('truetype'), url('/styles/fonts/General/general-bd2cc9adccc07c9a13f5d68ab622e4ad.woff?wltq1q') format('woff'), url('/styles/fonts/General/general-e8714fa914b3f5779c4c422ec13b66da.svg?wltq1q#general') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="general_"],
[class*=" general_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'general' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.general_arrow-up:before {
  content: "\e900";
}
.general_circle-check:before {
  content: "\e904";
}
.general_cycle:before {
  content: "\e920";
}
.general_document-multiple:before {
  content: "\e906";
}
.general_multiple-directions:before {
  content: "\e913";
}
.general_envelope-arrow-up:before {
  content: "\e907";
}
.general_folder-open:before {
  content: "\e909";
}
.general_gavel:before {
  content: "\e921";
}
.general_briefcase:before {
  content: "\e902";
}
.general_gear:before {
  content: "\e90a";
}
.general_globe:before {
  content: "\e90b";
}
.general_key:before {
  content: "\e90e";
}
.general_light-bulb:before {
  content: "\e90f";
}
.general_star:before {
  content: "\e918";
}
.general_stop-watch:before {
  content: "\e91a";
}
.general_time-arrow:before {
  content: "\e91c";
}
.general_paper-pencil:before {
  content: "\e916";
}
.general_two-gears:before {
  content: "\e91d";
}
.general_quotation:before {
  content: "\e917";
}
.general-icon-home {
  font-size: 85px;
  margin-right: 0px;
  text-align: center;
  color: #ffffff;
  color: white;
  padding-top: 25px;
  padding-bottom: 40px;
}
.general-icon-getStarted {
  font-size: 85px;
  margin-right: 0px;
  text-align: center;
  color: #ffffff;
  color: #395FF0;
  padding-bottom: 20px;
  text-align: left;
}
.general-icon-marketing {
  font-size: 85px;
  margin-right: 0px;
  text-align: center;
  color: #ffffff;
  color: #00406e;
  padding-top: 60px;
  font-size: 60px;
}
.general-icon {
  font-size: 85px;
  margin-right: 0px;
  text-align: center;
  color: #ffffff;
  color: white;
  padding-top: 60px;
}
.general-icon-bulb {
  font-size: 85px;
  margin-right: 0px;
  text-align: center;
  color: #ffffff;
  color: #1db5f6;
  font-size: 230px;
  text-align: left;
  padding-left: 100px;
  float: left;
  position: absolute;
}
@font-face {
  font-family: 'people';
  font-weight: normal;
  font-style: normal;
  src: url('/styles/fonts/People/people_-8de779c07d6392193ff4d398a54fdbd6.eot');
  src: url('/styles/fonts/People/people_-8de779c07d6392193ff4d398a54fdbd6.eot#iefix') format('embedded-opentype'), url('/styles/fonts/People/people_-327699cb8dac24c71e4fc96006766a4b.woff') format('woff'), url('/styles/fonts/People/people_-f6d150d056c032b566015bdd7b3bacb4.ttf') format('truetype'), url('/styles/fonts/People/people_-4c7be6bae0f2b4183eb89dc4b785962b.svg') format('svg');
}
[class^="people_"],
[class*="people_"] {
  font-family: 'people';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.people_employee:before {
  content: "\e901";
}
.people_female-male:before {
  content: "\e902";
}
.people_person-holding-device:before {
  content: "\e904";
}
.people_person-network:before {
  content: "\e906";
}
.people_person-plus-sign:before {
  content: "\e907";
}
.people_shaking-hands:before {
  content: "\e909";
}
.people_multiple-people:before {
  content: "\e903";
}
.people-icon {
  font-size: 85px;
  margin-right: 0px;
  text-align: center;
  color: #ffffff;
  color: #395FF0;
  padding-top: 20px;
}
@font-face {
  font-family: 'technology';
  src: url('/styles/fonts/Technology/technology-554629f78ff5cf0c7cc7369d98a7db81.eot?u7rdia');
  src: url('/styles/fonts/Technology/technology-554629f78ff5cf0c7cc7369d98a7db81.eot?u7rdia#iefix') format('embedded-opentype'), url('/styles/fonts/Technology/technology-b32ccb44ca25763b1dbcadb063fed13c.ttf?u7rdia') format('truetype'), url('/styles/fonts/Technology/technology-db3f3d73880e1904606b63b913cdf789.woff?u7rdia') format('woff'), url('/styles/fonts/Technology/technology-a229384ecc801a5a4a08b3b5f080b9e0.svg?u7rdia#technology') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="technology_"],
[class*=" technology_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'technology' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.technology_bar-graph:before {
  content: "\e901";
}
.technology_browser-gear:before {
  content: "\e903";
}
.technology_circle-lightening:before {
  content: "\e905";
}
.technology_download:before {
  content: "\e90d";
}
.technology_speedometer:before {
  content: "\e91c";
}
.technology_broadcast-signal:before {
  content: "\e902";
}
.technology_hand-pressing-button:before {
  content: "\e910";
}
@font-face {
  font-family: 'devicon';
  src: url('/styles/fonts/Devicon/devicon-681fa39a79c22f0035a0720e2b2bda3b.eot');
  src: url('/styles/fonts/Devicon/devicon-681fa39a79c22f0035a0720e2b2bda3b.eot') format('embedded-opentype'), url('/styles/fonts/Devicon/devicon-0f964a72f8fbdf9c8d4e0122b8effb40.woff') format('woff'), url('/styles/fonts/Devicon/devicon-29f80b00a7b4641183f96f08be374697.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
[class^="devicon-font"],
[class*=" devicon-font"] {
  font-family: 'devicon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.devicon-dot-net-plain-wordmark {
  content: url('/images/sdk/C-Sharp-0803838bd68fbd1c2b14fe545915af8c.svg');
  width: 54px;
}
.devicon-nodejs-plain {
  content: url('/images/sdk/Javascript-bc25c15b6cc8eab4e8db79323f95643d.svg');
  width: 50px;
}
.devicon-java-plain-wordmark {
  content: url('/images/sdk/Java-4747cf8114f6f13d3e9523b01f401a08.svg');
  width: 44px;
}
.devicon-php-plain {
  content: url('/images/sdk/PHP-528f12094c0a849ce01d21d5f057259e.svg');
  width: 76px;
  bottom: 115px !important;
}
.devicon-python-plain-wordmark {
  content: url('/images/sdk/Python-58916fd373f94c072f075d86229325ad.svg');
  width: 50px;
}
.devicon-kotlin-plain-wordmark {
  content: url('/images/sdk/Kotlin-ddae6ca7b806e989115117bf767ef063.svg');
  width: 50px;
}
.devicon-swift-plain-wordmark {
  content: url('/images/sdk/Swift-ea19049ebe1b4ee018b98d7017ef0c2d.svg');
  width: 62px;
}
.devicon-go-plain-wordmark {
  content: url('/images/sdk/Go-fefa6fb034d7385b9e9fd1a7e8e6265c.svg');
  width: 80px;
}
.devicon-react-plain-wordmark {
  content: url('/images/sdk/React-8e26f22094a11f6a689d8302dc30782c.svg');
  width: 80px;
}
.devicon-icon {
  font-size: 85px;
  margin-right: 0px;
  text-align: center;
  color: #ffffff;
  height: 70px;
}
@font-face {
  font-family: 'loyalty';
  font-weight: normal;
  font-style: normal;
  src: url('/styles/fonts/Loyalty/loyalty_-9d8b172f58294d0956bbacc68f97a391.eot');
  src: url('/styles/fonts/Loyalty/loyalty_-9d8b172f58294d0956bbacc68f97a391.eot#iefix') format('embedded-opentype'), url('/styles/fonts/Loyalty/loyalty_-c6e0a239dfd1bbb62aadad574fe48871.woff') format('woff'), url('/styles/fonts/Loyalty/loyalty_-9b2615d67b2ab4e23c95f02e55fe2fc1.ttf') format('truetype'), url('/styles/fonts/Loyalty/loyalty_-583fa06df0e02eb2f941db9d92fcce36.svg') format('svg');
}
[class^="loyalty-font"],
[class*="loyalty-font"] {
  font-family: 'loyalty';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.loyalty_coffee-cup:before {
  content: "\e902";
}
@font-face {
  font-family: 'healthcare';
  font-weight: normal;
  font-style: normal;
  src: url('/styles/fonts/Healthcare/healthcare_-a43361ffa9f0358d861b6f4f43dd3822.eot');
  src: url('/styles/fonts/Healthcare/healthcare_-a43361ffa9f0358d861b6f4f43dd3822.eot#iefix') format('embedded-opentype'), url('/styles/fonts/Healthcare/healthcare_-4d494195be7deb80981c095adb7a904a.woff') format('woff'), url('/styles/fonts/Healthcare/healthcare_-fd5da30288b850a80a4aaf3d8e7fc04b.ttf') format('truetype'), url('/styles/fonts/Healthcare/healthcare_-2693d138939e8442c58c0c7538f8426d.svg') format('svg');
}
[class^="healthcare-font"],
[class*="healthcare-font"] {
  font-family: 'healthcare';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.healthcare_beaker:before {
  content: "\e901";
}
.healthcare-icon {
  font-size: 85px;
  margin-right: 0px;
  text-align: center;
  color: #ffffff;
  padding-bottom: 40px;
  padding-top: 25px;
}
.healthcare-icon-gradient {
  font-size: 85px;
  margin-right: 0px;
  text-align: center;
  color: #ffffff;
  padding-bottom: 40px;
  color: #395FF0;
}
@font-face {
  font-family: 'Space Mono';
  src: url('/styles/fonts/Space-Mono/SpaceMono-Regular-93e5f901c7ee7aaedbfd8a9bb0ffe636.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  src: url('/styles/fonts/Open-Sans/OpenSans-VariableFont_wdth_wght-6984528a54f5c5233dec8719b486f347.ttf') format('truetype');
}
@font-face {
  font-family: 'SysFaSolid';
  src: url('/styles/fonts/sys-fa/sys-fa-solid-f2e1bf45a08da6eb1fd5c96012ead745.eot');
  src: url('/styles/fonts/sys-fa/sys-fa-solid-f2e1bf45a08da6eb1fd5c96012ead745.eot') format('embedded-opentype'), url('/styles/fonts/sys-fa/sys-fa-solid-deba49130c73e801499d6039f92f37c1.woff') format('woff'), url('/styles/fonts/sys-fa/sys-fa-solid-47676e2831a57b40214372c78a10a563.ttf') format('truetype'), url('/styles/fonts/sys-fa/sys-fa-solid-d910b412c0dcb5fe8309a4b80e4af082.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
i[class^='sys-solid-fa-'],
i[class*='sys-solid-fa-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'SysFaSolid' !important;
  speak: none;
  font-style: normal;
  font-size: 20px;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sys-solid-fa-copy::before {
  content: '\e88d';
}
.sys-solid-fa-cloud-arrows::before {
  content: '\e939';
}
.sys-solid-fa-webhook::before {
  content: '\e945';
}
.sys-solid-fa-pub-sub::before {
  content: '\e948';
}
.sys-solid-fa-kafka::before {
  content: '\e8e6';
}
.sys-solid-fa-credit-card-lock::before {
  content: "\E911";
}
.sys-solid-fa-filter::before {
  content: "\E875";
}
.sys-solid-fa-sync-alt::before {
  content: "\E82C";
}
.sys-solid-fa-angle-double-right::before {
  content: "\e8ca";
}
.sys-solid-fa-angle-double-left::before {
  content: "\e8cb";
}
.sys-solid-fa-bell::before {
  content: "\e8ba";
}
.sys-solid-fa-eye::before {
  content: "\e87a";
}
.sys-solid-fa-eye-slash::before {
  content: "\e87b";
}
.sys-solid-fa-clipboard-check::before {
  content: "\e89d";
}
.sys-solid-fa-circle::before {
  content: "\e8ad";
}
.sys-solid-fa-chevron-up::before {
  content: "\e89e";
}
.sys-solid-fa-chevron-down::before {
  content: "\e8a1";
}
.sys-solid-fa-caret-down::before {
  content: "\e8b2";
}
.sys-solid-fa-caret-up::before {
  content: "\e8aa";
}
.sys-solid-fa-list::before {
  content: "\e860";
}
.sys-solid-fa-flag-checkered::before {
  content: "\e91b";
}
.sys-solid-fa-calendar-branch::before {
  content: "\e8fe";
}
.sys-solid-fa-cloud-chip::before {
  content: "\e8ee";
}
.sys-solid-fa-cog::before {
  content: "\e895";
}
.sys-solid-fa-code::before {
  content: "\e896";
}
.sys-solid-fa-map-marker::before {
  content: "\e853";
}
.sys-solid-fa-map-marker-alt::before {
  content: "\e855";
}
.sys-solid-fa-money-check-alt::before {
  content: "\e924";
}
.sys-solid-fa-university::before {
  content: "\e819";
}
.sys-solid-fa-comment-alt-lines::before {
  content: "\e90f";
}
.sys-solid-fa-shopping-cart::before {
  content: "\e82a";
}
.sys-solid-fa-mobile-alt::before {
  content: "\e84e";
}
.sys-solid-fa-arrow-left::before {
  content: "\e8c0";
}
.sys-solid-fa-times::before {
  content: "\e81e";
}
.sys-solid-fa-caret-up::before {
  content: "\e8aa";
}
.sys-solid-fa-caret-right::before {
  content: "\e8b0";
}
.sys-solid-fa-resize-box::before {
  content: "\e839";
}
.sys-solid-fa-check::before {
  content: "\e8a6";
}
.sys-solid-fa-arrow-right::before {
  content: "\e8bf";
}
.sys-solid-fa-sort::before {
  content: "\e82f";
}
.sys-solid-fa-sort-up::before {
  content: "\e830";
}
.sys-solid-fa-sort-down::before {
  content: "\e831";
}
.sys-solid-fa-cloud-download-alt::before {
  content: "\e899";
}
.sys-solid-fa-wallet-digital::before {
  content: '\e944';
}
.sys-solid-fa-store-alt::before {
  content: '\e828';
}
.sys-solid-fa-asterisk-solid::before {
  content: "\e8f6";
}
.sys-solid-fa-arrow-right-diagonal::before {
  content: "\e8f5";
}
@font-face {
  font-family: 'SysFaRegular';
  src: url('/styles/fonts/sys-fa/sys-fa-regular-4f8820ee761b71ec9a8566e61e32b5d2.eot');
  src: url('/styles/fonts/sys-fa/sys-fa-regular-4f8820ee761b71ec9a8566e61e32b5d2.eot') format('embedded-opentype'), url('/styles/fonts/sys-fa/sys-fa-regular-1f42fd5543613f3ec0341ab2682637ba.woff') format('woff'), url('/styles/fonts/sys-fa/sys-fa-regular-496d1080933a1a789735d646d2991ced.ttf') format('truetype'), url('/styles/fonts/sys-fa/sys-fa-regular-809fa6ed365006f9118e3d96b920d3a1.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
i[class^='sys-regular-fa'],
i[class*='sys-regular-fa'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'SysFaRegular' !important;
  speak: none;
  font-style: normal;
  font-size: 22px;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sys-regular-fa-window-maximize::before {
  content: '\e823';
}
.sys-regular-fa-copy::before {
  content: '\e858';
}
.sys-regular-fa-info-circle::before {
  content: '\e865';
}
i[class^='sys-regular-fa-info-circle'] {
  font-size: 18px;
}
.sys-regular-fa-cloud-download-alt::before {
  content: '\e862';
}
@font-face {
  font-family: 'Roobert';
  font-style: normal;
  font-weight: 400;
  src: url('/styles/fonts/fis/Roobert-Regular-9d15f79442be7c2a74f3785c61aea886.otf') format('opentype');
}
@font-face {
  font-family: 'Roobert Light';
  font-style: normal;
  font-weight: 300;
  src: url('/styles/fonts/fis/Roobert-Light-858ac51b2b3402db92437610244a278f.otf') format('opentype');
}
@font-face {
  font-family: 'Roobert Medium';
  font-style: normal;
  font-weight: 500;
  src: url('/styles/fonts/fis/Roobert-Medium-e6bc55051ee3c4672a60a7517cf39d47.otf') format('opentype');
}
@font-face {
  font-family: 'Roobert SemiBold';
  font-style: normal;
  font-weight: 600;
  src: url('/styles/fonts/fis/Roobert-SemiBold-3e6525eb3a81cc2fa29e91fe6bcdb365.otf') format('opentype');
}
@font-face {
  font-family: 'Roobert Bold';
  font-style: normal;
  font-weight: 700;
  src: url('/styles/fonts/fis/Roobert-Bold-9b1de172abf8506075787cae1e61086d.otf') format('opentype');
}
@font-face {
  font-family: 'Roobert Heavy';
  font-style: normal;
  font-weight: 900;
  src: url('/styles/fonts/fis/Roobert-Heavy-0842b46e5c97f77f5c9d9a2a20d3b8f7.otf') format('opentype');
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #31373b;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #395FF0;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #1037cd;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #395FF0;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #113de5;
}
.text-success {
  color: #00935f;
}
a.text-success:hover,
a.text-success:focus {
  color: #00603e;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #CE1518;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #a01013;
}
.bg-primary {
  color: #fff;
  background-color: #395FF0;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #113de5;
}
.bg-success {
  background-color: #2dffb5;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #00f9a1;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f3898b;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #ee5b5d;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #2dffb5;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #13ffac;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f3898b;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #f17274;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #31373b;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #31373b;
  background-color: #fff;
  background-image: none;
  border: 1px solid #f4f4f4;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #9ea5af;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #9ea5af;
}
.form-control::-webkit-input-placeholder {
  color: #9ea5af;
}
.form-control::-webkit-input-placeholder {
  color: #cccccc;
}
.form-control:-moz-placeholder {
  color: #cccccc;
}
.form-control::-moz-placeholder {
  color: #cccccc;
}
.form-control:-ms-input-placeholder {
  color: #cccccc;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #00935f;
}
.has-success .form-control {
  border-color: #00935f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #00603e;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #00f9a1;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #00f9a1;
}
.has-success .input-group-addon {
  color: #00935f;
  border-color: #00935f;
  background-color: #2dffb5;
}
.has-success .form-control-feedback {
  color: #00935f;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #CE1518;
}
.has-error .form-control {
  border-color: #CE1518;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #a01013;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ee5b5d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ee5b5d;
}
.has-error .input-group-addon {
  color: #CE1518;
  border-color: #CE1518;
  background-color: #f3898b;
}
.has-error .form-control-feedback {
  color: #CE1518;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #6b7881;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #ffffff;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-outline-secondary {
  color: #ffffff;
  background-color: #796E65;
  border-color: #6b6159;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  color: #ffffff;
  background-color: #5d554e;
  border-color: #26221f;
}
.btn-outline-secondary:hover {
  color: #ffffff;
  background-color: #5d554e;
  border-color: #4a433e;
}
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.open > .dropdown-toggle.btn-outline-secondary {
  color: #ffffff;
  background-color: #5d554e;
  border-color: #4a433e;
}
.btn-outline-secondary:active:hover,
.btn-outline-secondary.active:hover,
.open > .dropdown-toggle.btn-outline-secondary:hover,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.open > .dropdown-toggle.btn-outline-secondary:focus,
.btn-outline-secondary:active.focus,
.btn-outline-secondary.active.focus,
.open > .dropdown-toggle.btn-outline-secondary.focus {
  color: #ffffff;
  background-color: #4a433e;
  border-color: #26221f;
}
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.open > .dropdown-toggle.btn-outline-secondary {
  background-image: none;
}
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary[disabled]:hover,
fieldset[disabled] .btn-outline-secondary:hover,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary[disabled]:focus,
fieldset[disabled] .btn-outline-secondary:focus,
.btn-outline-secondary.disabled.focus,
.btn-outline-secondary[disabled].focus,
fieldset[disabled] .btn-outline-secondary.focus {
  background-color: #796E65;
  border-color: #6b6159;
}
.btn-outline-secondary .badge {
  color: #796E65;
  background-color: #ffffff;
}
.btn-primary {
  color: #ffffff;
  background-color: #395FF0;
  border-color: #214cee;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #113de5;
  border-color: #0a2486;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #113de5;
  border-color: #0f34c3;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #113de5;
  border-color: #0f34c3;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #0f34c3;
  border-color: #0a2486;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #395FF0;
  border-color: #214cee;
}
.btn-primary .badge {
  color: #395FF0;
  background-color: #ffffff;
}
.btn-success {
  color: #fff;
  background-color: #00935f;
  border-color: #007a4f;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #00603e;
  border-color: #000000;
}
.btn-success:hover {
  color: #fff;
  background-color: #00603e;
  border-color: #003c27;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #00603e;
  border-color: #003c27;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #003c27;
  border-color: #000000;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #00935f;
  border-color: #007a4f;
}
.btn-success .badge {
  color: #00935f;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #CE1518;
  border-color: #b71315;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #a01013;
  border-color: #430708;
}
.btn-danger:hover {
  color: #fff;
  background-color: #a01013;
  border-color: #7f0d0f;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #a01013;
  border-color: #7f0d0f;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #7f0d0f;
  border-color: #430708;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #CE1518;
  border-color: #b71315;
}
.btn-danger .badge {
  color: #CE1518;
  background-color: #fff;
}
.btn-link {
  color: #395FF0;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #1037cd;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in,
.fade.show {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #395FF0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #31373b;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #f4f4f4;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #395FF0;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #395FF0;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #395FF0;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #1037cd;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #395FF0;
  border-color: #395FF0;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #395FF0;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #113de5;
}
.label-success {
  background-color: #00935f;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #00603e;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #CE1518;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #a01013;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #395FF0;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #395FF0;
}
.thumbnail .caption {
  padding: 9px;
  color: #31373b;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #2dffb5;
  border-color: #13ff84;
  color: #00935f;
}
.alert-success hr {
  border-top-color: #00f977;
}
.alert-success .alert-link {
  color: #00603e;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f3898b;
  border-color: #f17289;
  color: #CE1518;
}
.alert-danger hr {
  border-top-color: #ee5b76;
}
.alert-danger .alert-link {
  color: #a01013;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #395FF0;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #00935f;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #CE1518;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #395FF0;
  border-color: #395FF0;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #f7f8fe;
}
.list-group-item-success {
  color: #00935f;
  background-color: #2dffb5;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #00935f;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #00935f;
  background-color: #13ffac;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #00935f;
  border-color: #00935f;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #CE1518;
  background-color: #f3898b;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #CE1518;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #CE1518;
  background-color: #f17274;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #CE1518;
  border-color: #CE1518;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #395FF0;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #395FF0;
  border-color: #395FF0;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #395FF0;
}
.panel-primary > .panel-heading .badge {
  color: #395FF0;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #395FF0;
}
.panel-success {
  border-color: #13ff84;
}
.panel-success > .panel-heading {
  color: #00935f;
  background-color: #2dffb5;
  border-color: #13ff84;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #13ff84;
}
.panel-success > .panel-heading .badge {
  color: #2dffb5;
  background-color: #00935f;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #13ff84;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #f17289;
}
.panel-danger > .panel-heading {
  color: #CE1518;
  background-color: #f3898b;
  border-color: #f17289;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f17289;
}
.panel-danger > .panel-heading .badge {
  color: #f3898b;
  background-color: #CE1518;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f17289;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Source Sans Pro", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #395FF0;
  text-align: center;
  background-color: #ffffff;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #ffffff;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #ffffff;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #ffffff;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #ffffff;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #ffffff;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #ffffff;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #ffffff;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #ffffff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .carousel-control-prev-icon,
.carousel-control .carousel-control-next-icon {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .carousel-control-prev-icon {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .carousel-control-next-icon {
  right: 50%;
  margin-right: -10px;
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel .carousel-control-prev-icon,
  .carousel .carousel-control-next-icon {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel .carousel-control-prev-icon {
    margin-left: -10px;
  }
  .carousel .carousel-control-next-icon {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal.right.fade.show .modal-dialog {
  right: -2%;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.show {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .btn-close {
  margin: -2px 0 0 0;
  width: auto;
}
.modal-header .btn-close:focus {
  box-shadow: none;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  display: block;
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Source Sans Pro", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
.rc-calendar-picker-slide-up-enter {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-calendar-picker-slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-calendar-picker-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight {
  animation-name: rcDropdownSlideUpIn;
  animation-play-state: running;
}
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft:focus,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight:focus,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft:focus,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight:focus,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft:active,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight:active,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft:active,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight:active,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft:focus:active,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight:focus:active,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft:focus:active,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight:focus:active {
  outline: none;
  outline-offset: unset;
}
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight {
  animation-name: rcDropdownSlideDownIn;
  animation-play-state: running;
}
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft:focus,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight:focus,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft:focus,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight:focus,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft:active,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight:active,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft:active,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight:active,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft:focus:active,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight:focus:active,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft:focus:active,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight:focus:active {
  outline: none;
  outline-offset: unset;
}
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
  animation-name: rcDropdownSlideUpOut;
  animation-play-state: running;
}
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft:focus,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight:focus,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft:active,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight:active,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft:focus:active,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight:focus:active {
  outline: none;
  outline-offset: unset;
}
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
  animation-name: rcDropdownSlideDownOut;
  animation-play-state: running;
}
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft:focus,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight:focus,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft:active,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight:active,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft:focus:active,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight:focus:active {
  outline: none;
  outline-offset: unset;
}
@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}
@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0);
  }
}
.rc-calendar {
  position: relative;
  outline: none;
  border: 1px solid #f4f4f4;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ffffff;
  background-clip: padding-box;
  line-height: 1.5;
  width: fit-content;
  z-index: 2000;
}
.rc-calendar-date-panel,
.rc-calendar-panel {
  position: relative;
  outline: none;
}
.rc-calendar-week-number {
  width: 286px;
}
.rc-calendar-week-number-cell {
  text-align: center;
}
.rc-calendar-header {
  padding: 0 10px;
  height: 35px;
  line-height: 30px;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #f4f4f4;
}
.rc-calendar-header > a {
  font-weight: bold;
  display: inline-block;
  padding: 0px 5px;
  line-height: 34px;
  text-align: center;
  width: 30px;
}
.rc-calendar-header > a:hover {
  cursor: pointer;
  color: #98acf7;
}
.rc-calendar-header .rc-calendar-prev-month-btn {
  position: absolute;
  left: 0px;
}
.rc-calendar-header .rc-calendar-prev-month-btn:after {
  content: '«';
}
.rc-calendar-header .rc-calendar-next-month-btn {
  position: absolute;
  right: 0px;
}
.rc-calendar-header .rc-calendar-next-month-btn:after {
  content: '»';
}
.rc-calendar-year-select,
.rc-calendar-month-select,
.rc-calendar-day-select {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #5a5f62;
  padding: 0 8px;
  line-height: 34px;
}
.rc-calendar-year-select:hover,
.rc-calendar-month-select:hover,
.rc-calendar-day-select:hover {
  cursor: pointer;
  color: #98acf7;
}
.rc-calendar-prev-month-btn,
.rc-calendar-next-month-btn,
.rc-calendar-prev-year-btn,
.rc-calendar-next-year-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  color: #292b2d;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 34px;
}
.rc-calendar-prev-month-btn:hover,
.rc-calendar-next-month-btn:hover,
.rc-calendar-prev-year-btn:hover,
.rc-calendar-next-year-btn:hover {
  color: #98acf7;
}
.rc-calendar-next-year-btn {
  right: 0;
  display: none;
}
.rc-calendar-next-year-btn:after {
  content: '»';
}
.rc-calendar-prev-year-btn {
  left: 0;
  display: none;
}
.rc-calendar-prev-year-btn:after {
  content: '«';
}
.rc-calendar-body {
  padding: 9px 10px 10px;
  height: 235px;
}
.rc-calendar table {
  border-collapse: collapse;
  max-width: 100%;
  background-color: transparent;
  width: 100%;
}
.rc-calendar table,
.rc-calendar td,
.rc-calendar th,
.rc-calendar td {
  border: none;
}
.rc-calendar-table {
  border-spacing: 0;
  margin-bottom: 0;
}
.rc-calendar-column-header {
  line-height: 18px;
  padding: 6px 0;
  width: 40px;
  text-align: center;
}
.rc-calendar-column-header .rc-calendar-column-header-inner {
  display: block;
  font-weight: 600;
}
.rc-calendar-week-number-header .rc-calendar-column-header-inner {
  display: none;
}
.rc-calendar-cell {
  padding: 1px 0;
}
.rc-calendar-today .rc-calendar-date {
  border: 1px solid #395FF0;
}
.rc-calendar-today .rc-calendar-date-date {
  border: 1px solid #395FF0;
}
.rc-calendar-date {
  display: block;
  margin: 0 auto;
  color: #5a5f62;
  width: 30px;
  height: 30px;
  padding: 0;
  background: transparent;
  line-height: 30px;
  text-align: center;
}
.rc-calendar-date:hover {
  background: #f7f8fe;
  color: #ffffff;
  cursor: pointer;
}
.rc-calendar-selected-day .rc-calendar-date {
  background: #395FF0;
  color: #ffffff;
}
.rc-calendar-selected-date .rc-calendar-date {
  background: #395FF0;
  color: #ffffff;
}
.rc-calendar-selected-date .rc-calendar-date:hover {
  background: #98acf7;
}
.rc-calendar-disabled-cell .rc-calendar-date {
  cursor: not-allowed;
  color: #b3b5b6;
  background: transparent;
  border-radius: 0;
  width: auto;
}
.rc-calendar-disabled-cell .rc-calendar-date:hover {
  background: #f4f4f4;
}
.rc-calendar-disabled-cell-first-of-row .rc-calendar-date {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 30px;
}
.rc-calendar-disabled-cell-last-of-row .rc-calendar-date {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 30px;
}
.rc-calendar-last-month-cell .rc-calendar-date,
.rc-calendar-next-month-btn-day .rc-calendar-date {
  color: #b3b5b6;
}
.rc-calendar-footer {
  border-top: 1px solid #f4f4f4;
  padding: 10px 0;
  text-align: center;
  position: relative;
}
.rc-calendar-footer .rc-time-picker {
  width: 90px;
}
.rc-calendar-footer .rc-time-picker-input {
  height: 24px;
}
.rc-calendar-footer-show-ok {
  text-align: right;
}
.rc-calendar-footer-show-ok .rc-calendar-footer-btn {
  padding-right: 12px;
}
.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {
  margin-left: 0;
  padding: 0 12px;
}
.rc-calendar-footer-show-ok .rc-calendar-today-btn {
  float: left;
  padding-left: 12px;
}
.rc-calendar-footer-btn {
  margin-top: 2px;
}
.rc-calendar-footer-btn:after {
  content: 'x';
  height: 0;
  font-size: 0;
  overflow: hidden;
  clear: both;
}
.rc-calendar-time-picker-btn {
  margin-left: 10px;
}
.rc-calendar-today-btn,
.rc-calendar-ok-btn,
.rc-calendar-time-picker-btn {
  display: inline-block;
  text-align: center;
  color: #f46830;
}
.rc-calendar-today-btn:hover,
.rc-calendar-ok-btn:hover,
.rc-calendar-time-picker-btn:hover {
  cursor: pointer;
  color: #98acf7;
}
.rc-calendar-today-btn-disabled,
.rc-calendar-ok-btn-disabled,
.rc-calendar-time-picker-btn-disabled {
  color: #b3b5b6;
}
.rc-calendar-today-btn-disabled:hover,
.rc-calendar-ok-btn-disabled:hover,
.rc-calendar-time-picker-btn-disabled:hover {
  color: #b3b5b6;
}
.rc-calendar-today-btn {
  padding-left: 10px;
}
.rc-calendar-time-input {
  height: 25px;
  position: relative;
  display: inline-block;
  margin: 0 0;
  padding: 4px 10px;
  background-color: #ffffff;
  color: #5a5f62;
  line-height: 1.5;
  transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  z-index: 2000;
  width: 40px;
}
.rc-calendar-time-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 10;
  position: absolute;
  outline: none;
}
.rc-calendar-time-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
}
.rc-calendar-time-panel-body {
  padding: 9px 10px 10px;
}
.rc-calendar-time-panel-title {
  width: 180px;
  font-weight: bold;
  display: inline-block;
  padding: 4px 5px;
  text-align: center;
  height: 30px;
  line-height: 22px;
  border-radius: 4px;
}
.rc-calendar-time-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 255px;
  border-collapse: separate;
}
.rc-calendar-time-panel-cell {
  text-align: center;
  height: 42px;
  vertical-align: middle;
}
.rc-calendar-time-panel-time {
  line-height: 26px;
  display: block;
  border-radius: 4px;
  width: 26px;
  margin: 0 auto;
}
.rc-calendar-time-panel-time:hover {
  background: #ebfaff;
  cursor: pointer;
}
.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time {
  background: #3fc7fa;
  color: #fff;
}
.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
  background: #3fc7fa;
  color: #fff;
}
.rc-calendar-month-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 10;
  position: absolute;
  outline: none;
}
.rc-calendar-month-panel-hidden {
  display: none;
}
.rc-calendar-month-panel-header {
  padding: 0 10px;
  height: 35px;
  line-height: 30px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #f4f4f4;
}
.rc-calendar-month-panel-header > a {
  font-weight: bold;
  display: inline-block;
  padding: 4px 5px;
  text-align: center;
  width: 30px;
}
.rc-calendar-month-panel-header > a:hover {
  cursor: pointer;
  color: #98acf7;
}
.rc-calendar-month-panel-prev-year-btn,
.rc-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
}
.rc-calendar-month-panel-next-year-btn:after {
  content: '»';
}
.rc-calendar-month-panel-prev-year-btn {
  user-select: none;
  left: 0;
}
.rc-calendar-month-panel-prev-year-btn:after {
  content: '«';
}
.rc-calendar-month-panel .rc-calendar-month-panel-year-select {
  width: 180px;
}
.rc-calendar-month-panel-year-select-arrow {
  display: none;
}
.rc-calendar-month-panel-next-year-btn {
  user-select: none;
  right: 0;
}
.rc-calendar-month-panel-body {
  padding: 9px 10px 10px;
  position: absolute;
  top: 34px;
  bottom: 0;
}
.rc-calendar-month-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.rc-calendar-month-panel-cell {
  text-align: center;
}
.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
  display: block;
  width: 46px;
  margin: 0 auto;
  color: #5a5f62;
  border-radius: 4px 4px;
  height: 36px;
  padding: 0;
  background: transparent;
  line-height: 36px;
  text-align: center;
}
.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
  background: #98acf7;
  cursor: pointer;
}
.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
  color: #f4f4f4;
}
.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
  background: white;
  cursor: not-allowed;
}
.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
  background: #395FF0;
  color: #ffffff;
}
.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
  background: #395FF0;
  color: #ffffff;
}
.rc-calendar-year-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 10;
  position: absolute;
  outline: none;
}
.rc-calendar-year-panel-hidden {
  display: none;
}
.rc-calendar-year-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 30px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #f4f4f4;
}
.rc-calendar-year-panel-header > a {
  font-weight: bold;
  display: inline-block;
  padding: 4px 5px;
  text-align: center;
  width: 30px;
}
.rc-calendar-year-panel-header > a:hover {
  cursor: pointer;
  color: #98acf7;
}
.rc-calendar-year-panel-prev-decade-btn,
.rc-calendar-year-panel-next-decade-btn {
  position: absolute;
  top: 0;
}
.rc-calendar-year-panel-next-decade-btn:after {
  content: '»';
}
.rc-calendar-year-panel-prev-decade-btn {
  user-select: none;
  left: 0;
}
.rc-calendar-year-panel-prev-decade-btn:after {
  content: '«';
}
.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
  width: 180px;
}
.rc-calendar-year-panel-decade-select-arrow {
  display: none;
}
.rc-calendar-year-panel-next-decade-btn {
  user-select: none;
  right: 0;
}
.rc-calendar-year-panel-body {
  padding: 9px 10px 10px;
  position: absolute;
  bottom: 0;
  top: 34px;
}
.rc-calendar-year-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.rc-calendar-year-panel-cell {
  text-align: center;
}
.rc-calendar-year-panel-year {
  display: block;
  width: 46px;
  margin: 0 auto;
  color: #5a5f62;
  height: 36px;
  padding: 0;
  background: transparent;
  line-height: 36px;
  text-align: center;
}
.rc-calendar-year-panel-year:hover {
  background: #98acf7;
  cursor: pointer;
}
.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
  background: #395FF0;
  color: #ffffff;
}
.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
  background: #395FF0;
  color: #ffffff;
}
.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,
.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
  user-select: none;
  -webkit-user-select: none;
}
.rc-calendar-decade-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 10;
  position: absolute;
  outline: none;
}
.rc-calendar-decade-panel-hidden {
  display: none;
}
.rc-calendar-decade-panel-header {
  padding: 0 10px;
  height: 35px;
  line-height: 34px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #f4f4f4;
}
.rc-calendar-decade-panel-header > a {
  font-weight: bold;
  display: inline-block;
  padding: 1px 5px;
  text-align: center;
  width: 30px;
}
.rc-calendar-decade-panel-header > a:hover {
  cursor: pointer;
  color: #98acf7;
}
.rc-calendar-decade-panel-prev-century-btn,
.rc-calendar-decade-panel-next-century-btn {
  position: absolute;
  top: 0;
}
.rc-calendar-decade-panel-next-century-btn:after {
  content: '»';
}
.rc-calendar-decade-panel-prev-century-btn {
  user-select: none;
  left: 0;
}
.rc-calendar-decade-panel-prev-century-btn:after {
  content: '«';
}
.rc-calendar-decade-panel-next-century-btn {
  user-select: none;
  right: 0;
}
.rc-calendar-decade-panel-body {
  padding: 9px 10px 10px;
  position: absolute;
  bottom: 0;
  top: 34px;
}
.rc-calendar-decade-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.rc-calendar-decade-panel-cell {
  text-align: center;
}
.rc-calendar-decade-panel-decade {
  display: block;
  margin: 0 auto;
  color: #5a5f62;
  height: 40px;
  padding: 0;
  background: transparent;
  line-height: 40px;
  text-align: center;
}
.rc-calendar-decade-panel-decade:hover {
  background: #f7f8fe;
  cursor: pointer;
}
.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
  background: #395FF0;
  color: #ffffff;
}
.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
  background: #395FF0;
  color: #ffffff;
}
.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,
.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
  user-select: none;
  -webkit-user-select: none;
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.btn-outline-secondary,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-outline-secondary:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-outline-secondary.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-outline-secondary.disabled,
.btn-primary.disabled,
.btn-success.disabled,
.btn-info.disabled,
.btn-warning.disabled,
.btn-danger.disabled,
.btn-outline-secondary[disabled],
.btn-primary[disabled],
.btn-success[disabled],
.btn-info[disabled],
.btn-warning[disabled],
.btn-danger[disabled],
fieldset[disabled] .btn-outline-secondary,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-danger {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-outline-secondary .badge,
.btn-primary .badge,
.btn-success .badge,
.btn-info .badge,
.btn-warning .badge,
.btn-danger .badge {
  text-shadow: none;
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-outline-secondary {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #524b45;
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  background-color: #585049;
  background-position: 0 -15px;
}
.btn-outline-secondary:active,
.btn-outline-secondary.active {
  background-color: #585049;
  border-color: #524b45;
}
.btn-outline-secondary.disabled,
.btn-outline-secondary[disabled],
fieldset[disabled] .btn-outline-secondary,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary[disabled]:hover,
fieldset[disabled] .btn-outline-secondary:hover,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary[disabled]:focus,
fieldset[disabled] .btn-outline-secondary:focus,
.btn-outline-secondary.disabled.focus,
.btn-outline-secondary[disabled].focus,
fieldset[disabled] .btn-outline-secondary.focus,
.btn-outline-secondary.disabled:active,
.btn-outline-secondary[disabled]:active,
fieldset[disabled] .btn-outline-secondary:active,
.btn-outline-secondary.disabled.active,
.btn-outline-secondary[disabled].active,
fieldset[disabled] .btn-outline-secondary.active {
  background-color: #585049;
  background-image: none;
}
.btn-primary {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #1038d2;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #113bdb;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #113bdb;
  border-color: #1038d2;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #113bdb;
  background-image: none;
}
.btn-success {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #004c31;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #005637;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #005637;
  border-color: #004c31;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #005637;
  background-image: none;
}
.btn-info {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #2aabd2;
  background-image: none;
}
.btn-warning {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #eb9316;
  background-image: none;
}
.btn-danger {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #8d0e10;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #960f12;
  background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #960f12;
  border-color: #8d0e10;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #960f12;
  background-image: none;
}
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-image: none;
  background-color: #e8e8e8;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: none;
  background-color: #214cee;
}
.navbar-default {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: none;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navbar-inverse {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 4px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: none;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-image: none;
  }
}
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.alert-success {
  background-image: none;
  border-color: #00df90;
}
.alert-info {
  background-image: none;
  border-color: #9acfea;
}
.alert-warning {
  background-image: none;
  border-color: #f5e79e;
}
.alert-danger {
  background-image: none;
  border-color: #ec4446;
}
.progress {
  background-image: none;
}
.progress-bar {
  background-image: none;
}
.progress-bar-success {
  background-image: none;
}
.progress-bar-info {
  background-image: none;
}
.progress-bar-warning {
  background-image: none;
}
.progress-bar-danger {
  background-image: none;
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #113de5;
  background-image: none;
  border-color: #1542ed;
}
.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.panel-default > .panel-heading {
  background-image: none;
}
.panel-primary > .panel-heading {
  background-image: none;
}
.panel-success > .panel-heading {
  background-image: none;
}
.panel-info > .panel-heading {
  background-image: none;
}
.panel-warning > .panel-heading {
  background-image: none;
}
.panel-danger > .panel-heading {
  background-image: none;
}
.well {
  background-image: none;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}
.ui-tabbar > nav.nav-bar.nav-stacked {
  border-bottom: none;
  border-right: 1px solid #f4f4f4;
  min-height: 200px;
}
.ui-modal .modal-body {
  margin-bottom: 20px;
}
.ui-autocomplete,
.ui-search {
  height: 45px;
  overflow-y: visible;
}
.ui-autocomplete > .close,
.ui-search > .close {
  margin-top: -40px;
  margin-right: 3px;
  position: relative;
  color: #9ea5af;
  z-index: 3;
  background-color: #ffffff;
  padding: 5px;
  font-size: 22px;
  font-weight: 600;
  opacity: unset;
}
.ui-autocomplete > .close:focus,
.ui-search > .close:focus,
.ui-autocomplete > .close:hover,
.ui-search > .close:hover,
.ui-autocomplete > .close:active,
.ui-search > .close:active,
.ui-autocomplete > .close:focus:active,
.ui-search > .close:focus:active {
  outline-width: 0px;
  outline: none;
  background-color: #ffffff;
}
.ui-autocomplete > .close span,
.ui-search > .close span {
  color: #9ea5af;
}
.ui-search > input {
  height: 45px;
}
.ui-search .btn.btn-primary.search {
  height: 45px;
  border: 1px solid #395FF0;
}
.ui-autocomplete {
  padding-right: 10px;
  padding-left: 10px;
}
.ui-autocomplete > span.search-icon {
  top: -35px;
  padding-left: 15px;
  position: relative;
  color: #9ea5af;
  z-index: 3;
  font-size: 18px;
  font-weight: 600;
}
.ui-autocomplete > input {
  height: 45px;
  padding-left: 40px;
}
.ui-autocomplete .dropdown-menu {
  top: 0px;
}
.ui-autocomplete.open .dropdown-menu-right {
  position: relative;
  min-height: 40px;
  margin-top: -25px;
}
.ui-autocomplete.open .dropdown-menu > .ui-suggestion > a {
  color: #5a5f62;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
.ui-action-route:focus,
.ui-action-route:hover,
.ui-action-route:active,
.ui-action-route:focus:active {
  outline-width: 0px;
  outline: 0px;
}
.ui-action-link.alternate {
  color: #ffffff;
}
.ui-action-link.alternate:focus,
.ui-action-link.alternate:hover,
.ui-action-link.alternate:active,
.ui-action-link.alternate:focus:active {
  color: #ffffff;
  text-decoration: none;
  outline-width: 0px;
  outline: none;
}
.ui-action-link.default {
  color: #796E65;
  font-weight: 600;
}
.ui-action-link.default:focus,
.ui-action-link.default:hover,
.ui-action-link.default:active,
.ui-action-link.default:focus:active {
  color: #b3b5b6;
  text-decoration: none;
  outline-width: 0px;
  outline: 0px;
}
.ui-action-link.btn.btn-link:focus,
.ui-action-link.btn > img:focus,
.ui-action-link.btn.btn-link:hover,
.ui-action-link.btn > img:hover,
.ui-action-link.btn.btn-link:active,
.ui-action-link.btn > img:active,
.ui-action-link.btn.btn-link:focus:active,
.ui-action-link.btn > img:focus:active {
  color: #b3b5b6;
  text-decoration: none;
  outline-width: 0px;
  outline: 0px;
}
.ui-action-link .action-link-icon {
  margin-left: 10px;
  margin-right: 10px;
}
.ui-modal-form .btn {
  margin-bottom: 10px;
  width: 49%;
  float: left;
}
.ui-action-menu {
  background-color: transparent;
  box-shadow: none;
}
.ui-action-menu > .dropdown-toggle.btn {
  background-color: transparent;
  border: none;
  text-shadow: none;
  box-shadow: none;
  font-size: 24px;
}
.ui-action-menu > .dropdown-toggle.btn :focus,
.ui-action-menu > .dropdown-toggle.btn :hover,
.ui-action-menu > .dropdown-toggle.btn :active {
  background-color: transparent;
  box-shadow: none;
}
.ui-action-menu.open > .dropdown-toggle.btn {
  background-color: transparent;
  box-shadow: none;
}
.ui-action-menu.open > .dropdown-toggle.btn:focus,
.ui-action-menu.open > .dropdown-toggle.btn:hover,
.ui-action-menu.open > .dropdown-toggle.btn:active {
  background-color: transparent;
  box-shadow: none;
}
.ui-action-menu .action-menu-options {
  right: 0;
  left: auto;
  min-width: auto;
}
.ui-action-button.btn {
  border: none;
  box-shadow: none;
  text-shadow: none;
  height: 40px;
  font-size: 16px;
  font-weight: 600;
}
.ui-action-button.btn:focus,
.ui-action-button.btn:hover,
.ui-action-button.btn:active,
.ui-action-button.btn:focus:active {
  text-decoration: none;
  outline-width: 0px;
  outline: 0px;
  border: none;
}
.ui-action-button.btn.btn-tertiary {
  color: #ffffff;
  background-color: #00406e;
  border-color: #003155;
}
.ui-action-button.btn.btn-tertiary:focus,
.ui-action-button.btn.btn-tertiary.focus {
  color: #ffffff;
  background-color: #00223b;
  border-color: #000000;
}
.ui-action-button.btn.btn-tertiary:hover {
  color: #ffffff;
  background-color: #00223b;
  border-color: #000e17;
}
.ui-action-button.btn.btn-tertiary:active,
.ui-action-button.btn.btn-tertiary.active,
.open > .dropdown-toggle.ui-action-button.btn.btn-tertiary {
  color: #ffffff;
  background-color: #00223b;
  border-color: #000e17;
}
.ui-action-button.btn.btn-tertiary:active:hover,
.ui-action-button.btn.btn-tertiary.active:hover,
.open > .dropdown-toggle.ui-action-button.btn.btn-tertiary:hover,
.ui-action-button.btn.btn-tertiary:active:focus,
.ui-action-button.btn.btn-tertiary.active:focus,
.open > .dropdown-toggle.ui-action-button.btn.btn-tertiary:focus,
.ui-action-button.btn.btn-tertiary:active.focus,
.ui-action-button.btn.btn-tertiary.active.focus,
.open > .dropdown-toggle.ui-action-button.btn.btn-tertiary.focus {
  color: #ffffff;
  background-color: #000e17;
  border-color: #000000;
}
.ui-action-button.btn.btn-tertiary:active,
.ui-action-button.btn.btn-tertiary.active,
.open > .dropdown-toggle.ui-action-button.btn.btn-tertiary {
  background-image: none;
}
.ui-action-button.btn.btn-tertiary.disabled:hover,
.ui-action-button.btn.btn-tertiary[disabled]:hover,
fieldset[disabled] .ui-action-button.btn.btn-tertiary:hover,
.ui-action-button.btn.btn-tertiary.disabled:focus,
.ui-action-button.btn.btn-tertiary[disabled]:focus,
fieldset[disabled] .ui-action-button.btn.btn-tertiary:focus,
.ui-action-button.btn.btn-tertiary.disabled.focus,
.ui-action-button.btn.btn-tertiary[disabled].focus,
fieldset[disabled] .ui-action-button.btn.btn-tertiary.focus {
  background-color: #00406e;
  border-color: #003155;
}
.ui-action-button.btn.btn-tertiary .badge {
  color: #00406e;
  background-color: #ffffff;
}
.ui-popover {
  width: max-content;
}
.ui-hyperlink:focus,
.ui-hyperlink > img:focus,
.ui-hyperlink:hover,
.ui-hyperlink > img:hover,
.ui-hyperlink:active,
.ui-hyperlink > img:active,
.ui-hyperlink:focus:active,
.ui-hyperlink > img:focus:active {
  text-decoration: none;
  outline-width: 0px;
  outline: none;
}
.ui-action-icon .primary {
  color: #395FF0;
}
.ui-action-icon .default {
  color: #796E65;
}
.modal-dialog .modal-content #close-icon {
  position: absolute;
  right: 0;
  margin: 8px 48px 8px 8px;
  padding: 8px;
  font-size: 24px;
  cursor: pointer;
  z-index: 99;
}
.modal-dialog .modal-content .modal-body {
  padding: 40px;
}
.modal-dialog .modal-content .modal-body .dialog-content {
  display: flex;
  flex-direction: column;
}
.modal-dialog .modal-content .modal-body .dialog-content .dialog-item-details {
  display: flex;
  flex-direction: column;
  margin: 16px 0;
}
.modal-dialog .modal-content .modal-body .dialog-content .dialog-item-details h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
}
.modal-dialog .modal-content .modal-body .dialog-content .dialog-item-details h5 {
  font-weight: 900;
  font-size: 14px;
  line-height: 21px;
}
.modal-dialog .modal-content .modal-body .dialog-content .dialog-item-details .dialog-text-detail {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin: 8px 0px;
}
.modal-dialog .modal-content .modal-body .dialog-content .dialog-item-details img {
  margin: 8px 0px;
  max-width: fit-content;
  max-height: fit-content;
}
.modal-dialog .modal-content .modal-body .dialog-content .dialog-item-details a {
  margin: 8px 0px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #395FF0;
  display: inline-block;
  max-width: fit-content;
}
.modal-dialog .modal-content .modal-body .dialog-content .dialog-item-details a:after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #395FF0;
  transition: width 0.3s;
}
.modal-dialog .modal-content .modal-body .dialog-content .dialog-item-details a:hover::after {
  width: 100%;
}
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 75%;
  height: 100%;
  border-radius: 16px;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.modal.right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s ease-out, right 0.5s ease-out;
  -moz-transition: opacity 0.3s ease-out, right 0.5s ease-out;
  -o-transition: opacity 0.3s ease-out, right 0.5s ease-out;
  transition: opacity 0.3s ease-out, right 0.5s ease-out;
}
.modal.right.fade.in .modal-dialog {
  right: -30%;
}
.modal-content {
  border-radius: 0;
  border: none;
}
.modal-header {
  border-bottom-color: #EEEEEE;
  background-color: #FAFAFA;
}
.label-div {
  position: relative;
}
.label-multiple-value-hover,
[class^="label-type-"] {
  padding: 4px 8px;
  margin-right: 8px;
  display: inline-block;
  margin-bottom: 8px;
}
.show-more-overflow-field {
  position: absolute;
  bottom: -18px;
  left: 0;
  display: inline-block;
  cursor: pointer ;
  padding: 0px;
  height: auto;
}
.fv-label {
  cursor: text;
  width: 100%;
  display: block;
  transition: 0.2s ease-in-out;
  margin-bottom: 12px;
  overflow: hidden;
  white-space: break-spaces;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.label-overflow-hover:hover {
  opacity: 1;
  white-space: normal;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: auto;
  max-height: auto;
  text-align: left;
  -webkit-box-orient: unset;
  -webkit-line-clamp: unset;
  display: block;
  pointer-events: unset;
}
.label-hover:hover {
  padding: 4px 4px;
  cursor: text;
}
.ui-submit-button.btn-default,
.ui-secondary-button.btn-default,
.ui-submit-button.btn-primary,
.ui-secondary-button.btn-primary,
.ui-submit-button.btn-alternate,
.ui-secondary-button.btn-alternate {
  border: none;
  box-shadow: none;
  text-shadow: none;
  height: 40px;
  font-size: 16px;
}
.ui-submit-button.btn:focus,
.ui-secondary-button.btn:focus,
.ui-submit-button.btn:active,
.ui-secondary-button.btn:active,
.ui-submit-button.btn:focus:active,
.ui-secondary-button.btn:focus:active {
  outline: none;
  outline-offset: unset;
}
.ui-submit-button.btn.disabled,
.ui-secondary-button.btn.disabled,
.ui-submit-button.btn[disabled],
.ui-secondary-button.btn[disabled],
.ui-submit-button.btn-default.disabled,
.ui-secondary-button.btn-default.disabled,
.ui-submit-button.btn-default[disabled],
.ui-secondary-button.btn-default[disabled],
.ui-submit-button.btn-primary.disabled,
.ui-secondary-button.btn-primary.disabled,
.ui-submit-button.btn-primary[disabled],
.ui-secondary-button.btn-primary[disabled],
.ui-submit-button.btn-alternate.disabled,
.ui-secondary-button.btn-alternate.disabled,
.ui-submit-button.btn-alternate[disabled],
.ui-secondary-button.btn-alternate[disabled] {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-color: #395FF0;
  cursor: progress;
}
.ui-submit-button.btn-default,
.ui-secondary-button.btn-default,
.ui-submit-button.btn-primary,
.ui-secondary-button.btn-primary,
.ui-submit-button.btn-alternate,
.ui-secondary-button.btn-alternate {
  border: none;
  box-shadow: none;
  text-shadow: none;
  height: 40px;
  font-size: 16px;
}
.ui-submit-button.btn:focus,
.ui-secondary-button.btn:focus,
.ui-submit-button.btn:active,
.ui-secondary-button.btn:active,
.ui-submit-button.btn:focus:active,
.ui-secondary-button.btn:focus:active {
  outline: none;
  outline-offset: unset;
}
.ui-submit-button.btn.disabled,
.ui-secondary-button.btn.disabled,
.ui-submit-button.btn[disabled],
.ui-secondary-button.btn[disabled],
.ui-submit-button.btn-default.disabled,
.ui-secondary-button.btn-default.disabled,
.ui-submit-button.btn-default[disabled],
.ui-secondary-button.btn-default[disabled],
.ui-submit-button.btn-primary.disabled,
.ui-secondary-button.btn-primary.disabled,
.ui-submit-button.btn-primary[disabled],
.ui-secondary-button.btn-primary[disabled],
.ui-submit-button.btn-alternate.disabled,
.ui-secondary-button.btn-alternate.disabled,
.ui-submit-button.btn-alternate[disabled],
.ui-secondary-button.btn-alternate[disabled] {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-color: #395FF0;
  cursor: progress;
}
.ui-file-control-display {
  height: 45px;
  display: block;
  width: 100%;
  padding: 12px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  background-image: none;
  border-radius: 4px;
}
.ui-file-control-display .ui-file-control-button {
  position: absolute;
  right: 2%;
  top: 25%;
  border: none;
  box-shadow: none;
  text-shadow: none;
  height: 25px;
  width: 100px;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border-radius: 6px;
  padding: 1px 1px 1px 1px;
  color: #fff;
  background-color: #796E65;
}
.ui-file-control-display .ui-file-control-button:hover,
.ui-file-control-display .ui-file-control-button:focus {
  background-color: #5d554e;
}
.ui-file-control-display .ui-file-control-button .ui-file-control-input {
  display: none;
}
.ui-file-control-display .ui-file-control-no-selected-files {
  display: none;
}
.ui-file-control-display .ui-file-control-selected-files {
  width: fit-content;
  border-radius: 4px;
  padding: 0 4px 0 4px;
  margin-right: 10px;
}
.ui-file-control-display .ui-file-control-selected-files .ui-file-control-delete-file {
  margin-left: 10px;
  font-weight: bold;
  cursor: pointer;
  padding-top: 3px;
}
.has-error .ui-file-control-display {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.has-error .ui-file-control-button {
  top: 16%;
}
.form-control.ui-password-input {
  height: 45px;
}
.form-control.ui-textarea-input {
  min-height: 60px;
  padding: 10px;
}
.form-control.ui-text-input {
  height: 45px;
}
.form-control.ui-select {
  height: 45px;
}
.form-control.ui-select.empty,
.form-control.ui-select > option.default {
  color: #9ea5af;
}
.form-content .form-body .row .field-label {
  padding: 12px;
}
.form-content .form-body .row .field-label .tooltip-helptext {
  visibility: hidden;
  background-color: white;
  color: #5a5f62;
  white-space: normal;
  border-radius: 8px;
  padding: 10px;
  margin-left: 7px;
  position: absolute;
  z-index: 1;
  font-size: 14px;
  text-align: left;
  min-width: 250px;
  width: inherit;
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 2px 2px 10px #9ea5af;
}
.form-content .form-body .field-lable-actions {
  display: inline-block;
}
.form-content .form-body .form-group .field-btn-container {
  padding-top: 4px;
  position: absolute;
  z-index: 2;
  right: 0;
}
.form-content .form-body .form-group .field-btn-container .btn {
  box-shadow: 2px 2px 10px #9ea5af;
}
.form-content .form-body .form-field {
  position: relative;
}
.ui-checkbox > label > input {
  width: 30px;
  height: 30px;
  margin-top: -5px;
}
.ui-checkbox-group {
  border: 1px solid #f4f4f4;
  padding: 10px;
  padding-bottom: 0px;
}
.ui-radio-input.separator {
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #f4f4f4;
}
.ui-radio-input .input-group-addon {
  height: 35px;
  border: none;
  border-radius: 0px;
}
.ui-radio-input input {
  height: 35px;
}
.ui-radio-input .radio {
  margin-top: -10px;
  margin-bottom: 0px;
}
.ui-radio-input .radio input {
  width: 15px;
}
.ui-checkbox-input.separator {
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #f4f4f4;
}
.ui-checkbox-input .input-group-addon {
  height: 35px;
  border: none;
  border-radius: 0px;
}
.ui-checkbox-input .input-group-addon.has-error {
  background-color: none;
}
.ui-checkbox-input input {
  height: 35px;
}
.ui-checkbox-input .form-group {
  margin-bottom: 0px;
}
.ui-checkbox-input .form-group > .checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}
.ui-checkbox-input .form-group > .checkbox > label {
  padding-top: 5px;
}
.ui-checkbox-input .form-group > .checkbox > label > input {
  width: 15px;
  height: 15px;
}
.ui-toggle-control .toggle-label {
  padding-left: 10px;
  line-height: 3;
  vertical-align: bottom;
}
.ui-toggle-control .ui-toggle-switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 20px;
  margin-bottom: 10px;
}
.ui-toggle-control .ui-toggle-switch input {
  display: none;
}
.ui-toggle-control .ui-toggle-switch .toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e7e8e8;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 30px;
}
.ui-toggle-control .ui-toggle-switch .toggle-slider:before {
  position: absolute;
  content: "";
  height: 25px;
  width: 25px;
  left: -2px;
  bottom: -2px;
  background-color: #b3b5b6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.ui-toggle-control .ui-toggle-switch input:checked + .toggle-slider {
  background-color: #98acf7;
}
.ui-toggle-control .ui-toggle-switch input:checked + .toggle-slider:before {
  background-color: #395FF0;
}
.ui-toggle-control .ui-toggle-switch input:focus + .toggle-slider {
  box-shadow: 0 0 1px #395FF0;
}
.ui-toggle-control .ui-toggle-switch input:checked + .toggle-slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}
.ui-togglebuttons-control {
  width: 100%;
}
.ui-togglebuttons-control:focus,
.ui-togglebuttons-control:active,
.ui-togglebuttons-control:focus:active {
  outline: none;
  outline-offset: unset;
}
.ui-togglebuttons-control .btn-group,
.ui-togglebuttons-control .btn + .btn {
  margin-left: 1px;
}
.ui-togglebuttons-control > label.toggle-control-option {
  text-shadow: none;
  font-weight: 600;
  background-color: #796E65;
  box-shadow: none;
  border: none;
  border-color: #f4f4f4;
}
.ui-togglebuttons-control > label.toggle-control-option:focus,
.ui-togglebuttons-control > label.toggle-control-option:active,
.ui-togglebuttons-control > label.toggle-control-option:focus:active,
.ui-togglebuttons-control > label.toggle-control-option.active:focus,
.ui-togglebuttons-control > label.toggle-control-option.active.focus,
.ui-togglebuttons-control > label.toggle-control-option.active,
.ui-togglebuttons-control > label.toggle-control-option.focus {
  outline: none;
  outline-offset: unset;
}
.ui-togglebuttons-control > label.toggle-control-option.active {
  background-color: #5d554e;
}
.error-block.help-block {
  font-size: 12px;
  color: #CE1518;
}
.form-control[aria-describedby] {
  border-color: #CE1518;
}
.help-block.help-text-info {
  font-size: 14px;
}
.ui-multi-select-control.has-error .Select .Select-control,
.ui-single-select-control.has-error .Select .Select-control {
  border-color: #f34235;
}
.ui-multi-select-control .Select .Select-control,
.ui-single-select-control .Select .Select-control {
  min-height: 45px;
  border-radius: 4px;
  border: 1px solid #dde3e8;
}
.ui-multi-select-control .Select .Select-control .Select-placeholder,
.ui-single-select-control .Select .Select-control .Select-placeholder {
  line-height: 44px;
}
.ui-multi-select-control .Select .Select-control .Select-value,
.ui-single-select-control .Select .Select-control .Select-value {
  margin-left: 8px;
}
.ui-multi-select-control .Select .Select-control .Select-input,
.ui-single-select-control .Select .Select-control .Select-input {
  height: 33px;
}
.ui-multi-select-control .Select .Select-control .Select-input input,
.ui-single-select-control .Select .Select-control .Select-input input {
  padding-top: 11px;
}
.ui-multi-select-control .Select .Select-control .Select-multi-value-wrapper,
.ui-single-select-control .Select .Select-control .Select-multi-value-wrapper {
  padding-bottom: 10px;
}
.ui-multi-select-control .Select .Select-menu-outer,
.ui-single-select-control .Select .Select-menu-outer {
  z-index: 2;
}
.ui-multi-select-control .Select .Select-control .Select-value {
  margin-top: 11px;
}
.ui-single-select-control .Select .Select-control .Select-value {
  margin-top: 5px;
}
.form-control.ui-input {
  height: 45px;
}
.password-control {
  margin: 1% 0;
  color: #75738D;
}
.password-control .header {
  font-size: 13px;
  margin-bottom: 5px;
}
.password-control .check-icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  margin-top: 5px;
  font-size: 12px;
  color: white;
  border-radius: 15px;
}
.password-control .check-icon-failed {
  border: 1.5px solid #645ED0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-top: 4px;
  margin-right: 5px;
}
.password-control .check-icon-passed {
  background-color: #36A864;
  padding: 2px;
}
.password-control .info-icon {
  background-color: #645ED0;
  padding: 2px 5px;
}
.password-control .list {
  font-size: 13px;
  line-height: 26px;
  display: inline-flex;
}
.password-control .list-description {
  padding: 0;
  margin: 0;
}
.react-tagsinput {
  background-color: #ffffff;
  border: 1px solid #5a5f62;
  overflow: hidden;
  padding-left: 5px;
  padding-top: 5px;
}
.react-tagsinput-tag {
  background-color: #f0f2f4;
  color: #31373b;
  border: 1px solid #5a5f62;
  border-radius: 6px;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px 10px 5px 10px;
  vertical-align: middle;
  line-height: 1;
}
.react-tagsinput-tag .tagsinput-row {
  display: inline-flex;
  align-items: center;
}
.react-tagsinput-tag .react-tagsinput-remove {
  float: left;
  margin-right: 5px;
  font-size: 13px;
  font-weight: 600;
  border-right: 1px solid #5a5f62;
  padding-right: 5px;
  color: #5a5f62;
  margin-top: -2px;
}
.react-tagsinput-tag a::before {
  content: " ×";
}
.react-tagsinput-input {
  background: transparent;
  border: 0;
  color: #777777;
  font-family: sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 6px;
  margin-top: 1px;
  outline: none;
  padding: 5px;
  width: 80px;
}
.popover-control {
  display: inline-block;
  padding: 0 4px;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.popover-control > i {
  cursor: pointer;
}
.popover-control .popover {
  max-width: 50%;
  min-width: 420px;
  border-radius: 8px;
  margin-left: -80px;
  padding: 16px;
  transition: all 0.3s ease-in-out;
  overflow: scroll;
}
.popover-control .popover .arrow {
  margin-left: 12px;
}
.popover-control .popover .popover-content {
  max-height: 200px;
  padding: 0px;
}
.popover-control .popover .popover-content > i {
  cursor: pointer;
}
.popover-control .popover .popover-content .popover-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.popover-control .popover .popover-content .popover-header .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.4px;
  margin-right: 4px;
}
.popover-control .popover .popover-content .popover-header i {
  margin-left: auto;
}
.popover-control .popover .popover-content .popover-detail {
  display: inline-block;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.2px;
}
.popover-control .popover .popover-content .popover-footer {
  margin-top: 8px;
}
.popover-control .popover .popover-content .popover-footer a {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #395FF0;
  display: inline-block;
}
.popover-control .popover .popover-content .popover-footer a:after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #395FF0;
  transition: width 0.3s;
}
.popover-control .popover .popover-content .popover-footer a:hover::after {
  width: 100%;
}
.popover-control.file-popover .popover {
  min-width: 350px;
}
.ui-file-control-display {
  border: 1px solid #00406e;
  background-color: #fff;
  color: #767676;
  border-radius: 8px;
  height: auto;
}
.ui-file-control-display.disabled {
  pointer-events: none;
  background-color: #f3f3f39c;
}
.ui-file-control-display.drag-field {
  background: rgba(100, 94, 208, 0.2);
  border: 1px solid #645ED0;
  box-shadow: 0px 0px 0px 4px rgba(100, 94, 208, 0.2);
  border-radius: 8px;
}
.ui-file-control-display .ui-file-control-selected-files-container {
  max-width: 80%;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ui-file-control-display .ui-file-control-selected-files-container .ui-file-control-selected-files {
  border: 1px solid #00406e;
  background-color: rgba(130, 124, 238, 0.2);
  color: #545A63;
  margin: 0 3px 3px 0;
  padding: 4px 8px;
  border-radius: 8px;
}
.ui-file-control-display .ui-file-control-selected-files-container .ui-file-control-selected-files.file-infected {
  color: #DC3545;
  background-color: #F8E2DE;
  border: 1px solid #DC3545;
}
.ui-file-control-display .ui-file-control-selected-files-container .ui-file-control-selected-files.file-infected:hover,
.ui-file-control-display .ui-file-control-selected-files-container .ui-file-control-selected-files.file-infected:focus {
  color: #F8E2DE;
  background-color: #DC3545;
}
.ui-file-control-display .ui-file-control-selected-files-container .ui-file-control-selected-files:hover,
.ui-file-control-display .ui-file-control-selected-files-container .ui-file-control-selected-files:focus {
  color: #ffffff;
  background-color: #00406e;
}
.ui-file-control-wrapper {
  position: relative;
  display: flex;
  gap: 15px;
}
.ui-file-control-wrapper .ui-file-control-button {
  width: 113px;
  height: 44px;
  border: 1px solid #00406e;
  border-radius: 8px;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  padding: 10px 1px 1px 1px;
  color: #fff;
  background-color: #ffffff;
  margin-bottom: 0px;
}
.ui-file-control-wrapper .ui-file-control-button .ui-file-control-input {
  display: none;
}
.ui-file-control-wrapper + .help-error-wrapper .popover-control .popover {
  background-color: #ffffff;
  box-shadow: 2px 2px 10px #DFE1E6;
  border: 0px;
}
.ui-file-control-wrapper + .help-error-wrapper .popover-control .popover .arrow {
  display: block;
}
.ui-file-control-wrapper + .help-error-wrapper .popover-control .popover .arrow::after {
  border-bottom-color: #ffffff;
}
.ui-file-control-wrapper + .help-error-wrapper .popover-control .popover .popover-detail {
  color: #DC3545;
}
.has-error .ui-file-control-display {
  border-color: #CE1518;
}
.has-error .ui-file-control-button {
  top: 36%;
}
.has-error .ui-file-control-selected-files-container .file-infected {
  background-color: #F8E2DE;
  color: #DC3545;
  border: none;
}
.has-error .ui-file-control-selected-files-container .file-infected:hover,
.has-error .ui-file-control-selected-files-container .file-infected:focus {
  color: #DC3545;
  background-color: #F8E2DE;
}
.has-error .help-more {
  display: flex;
}
.has-error .help-more .ui-hyperlink {
  white-space: nowrap;
}
.has-error .help-more div[class*="tooltipContainer"] {
  white-space: nowrap;
  text-decoration: underline;
  cursor: pointer;
}
.theme-dark .ui-file-control-display {
  background-color: #292929;
  border: 1px solid #919398;
}
.ui-file-control-button {
  top: 50%;
  display: flex;
  align-self: center;
  justify-content: center;
}
.help-error-wrapper {
  display: flex;
}
.help-error-wrapper .popover-control {
  display: flex;
  align-self: center;
  padding-left: 0px;
  margin-left: 4px;
}
.edit-mode #moduleItem-form .form-body label.ui-file-control-button {
  margin-bottom: 0px;
  color: #08090A;
}
.view-mode .form-content .fileUpload-downloadfiles {
  display: flex;
  position: relative;
  width: inherit;
  height: inherit;
  max-height: 100px;
  max-width: inherit;
  overflow: scroll;
  flex-flow: wrap;
}
.view-mode .form-content .fileUpload-downloadfiles #attachment-value {
  width: inherit;
  margin-right: 10px;
  overflow: auto;
  background: rgba(100, 94, 208, 0.2);
  color: #645ED0;
  padding: 4px 8px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.view-mode .form-content .fileUpload-downloadfiles #attachment-value > span {
  margin-right: 8px;
}
.view-mode .form-content .fileUpload-downloadfiles #attachment-value > i {
  color: #e0dff6;
  font-size: 10px;
  margin-right: 0px;
  background: #645ED0;
  border-radius: 100%;
  display: inline-block;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
@media (max-width: 1200px) {
  .ui-file-control-wrapper {
    display: block;
  }
  .ui-file-control-wrapper .ui-file-control-button {
    margin-top: 8px;
  }
}
.floating-form-group {
  position: relative;
}
.floating-form-group > input,
.floating-form-group > textarea {
  outline: none;
  margin: 0px;
}
.floating-form-group > input:-webkit-autofill,
.floating-form-group > textarea:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -moz-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important;
}
.floating-form-group > input:focus,
.floating-form-group > textarea:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.floating-form-group > textarea:focus {
  padding-bottom: 4px;
}
.floating-form-group > .floating-label {
  position: absolute;
  top: -10px;
  left: 10px;
  font-size: 12px;
  z-index: -1;
  background-color: #ffffff;
  -moz-animation: all 300ms none ease-out;
  -webkit-animation: all 300ms none ease-out;
  -o-animation: all 300ms none ease-out;
  -ms-animation: all 300ms none ease-out;
  -khtml-animation: all 300ms none ease-out;
  animation: all 300ms none ease-out;
  animation-play-state: running !important;
  -webkit-animation-play-state: running !important;
}
.floating-form-group > input.empty + label.floating-label,
.floating-form-group > textarea.empty + label.floating-label,
.floating-form-group > select.empty + label.floating-label,
.floating-form-group > .Select.empty + label.floating-label,
.floating-form-group > .filearea.empty + label.floating-label {
  font-size: 14px;
  animation: none;
  -webkit-animation: none;
  display: none;
}
.floating-form-group > input:not(.empty) + label.floating-label,
.floating-form-group > textarea:not(.empty) + label.floating-label,
.floating-form-group > select:not(.empty) + label.floating-label,
.floating-form-group > .Select:not(.empty) + label.floating-label,
.floating-form-group > .filearea:not(.empty) + label.floating-label {
  z-index: 1;
  background-color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  color: #00406e;
  display: block;
}
.floating-form-group > input:not(.empty):focus + label.floating-label,
.floating-form-group > textarea:not(.empty):focus + label.floating-label,
.floating-form-group > select:not(.empty):focus + label.floating-label,
.floating-form-group > .Select:not(.empty):focus + label.floating-label,
.floating-form-group > .filearea:not(.empty):focus + label.floating-label {
  color: #395FF0;
}
.floating-form-group.has-error > input:not(.empty):focus + label.floating-label,
.floating-form-group.has-error > textarea:not(.empty):focus + label.floating-label,
.floating-form-group.has-error > select:not(.empty):focus + label.floating-label,
.floating-form-group.has-error > .Select:not(.empty):focus + label.floating-label,
.floating-form-group.has-error > .filearea:not(.empty):focus + label.floating-label {
  color: #CE1518;
  outline: none;
}
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
}
.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}
.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
}
.is-searchable.is-open > .Select-control {
  cursor: text;
}
.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px;
}
.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}
@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
.has-error label {
  color: #DC3545;
}
.has-error .css-13cymwt-control {
  border: 1px solid #DC3545;
}
.ui-select-control .custom_icon-check i {
  font-size: 20px;
  font-weight: bold;
  float: right;
  margin-right: 17px;
}
.ui-select-control .custom_icon-remove i {
  margin-left: 3px;
}
@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.datecontrol-group .react-datepicker-wrapper {
  display: block;
  position: relative;
}
.datecontrol-group .react-datepicker-wrapper .react-datepicker__input-container {
  display: block;
}
.datecontrol-group .react-datepicker-wrapper .react-datepicker__close-icon {
  height: 10px;
  width: 18px;
  line-height: 1.1;
  position: absolute;
  right: 7px;
  top: 17px;
}
.datecontrol-group .react-datepicker-wrapper .react-datepicker__close-icon::after {
  background-color: transparent;
  color: #999;
  font-size: 18px;
  padding: 1px;
}
.datecontrol-group .react-datepicker-wrapper .date-control {
  height: 45px;
  font: inherit;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  margin: 0px;
  display: block;
  width: 100%;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #31373b;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.datecontrol-group .react-datepicker-wrapper .date-control:focus {
  border-color: #66afe9;
  outline: 0;
  outline-offset: -2px;
}
.datecontrol-group .react-datepicker__header {
  text-align: center;
  background-color: #fff;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  border-bottom: 0px;
  padding-top: 8px;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
.datecontrol-group .react-datepicker__header .react-datepicker__header__dropdown {
  padding: 2em 0em;
  border-bottom: 1px solid #dde3e8;
}
.datecontrol-group .react-datepicker__header .react-datepicker__month-dropdown-container {
  padding-right: 20%;
}
.datecontrol-group .react-datepicker__header .react-datepicker__month-dropdown-container .react-datepicker__month-dropdown + div {
  color: #0a6cff;
  font-weight: 600;
}
.datecontrol-group .react-datepicker__header .react-datepicker__month-dropdown-container .react-datepicker__month-read-view {
  font-size: 2em;
  font-weight: 300;
  visibility: visible !important;
  color: #2c3b42;
}
.datecontrol-group .react-datepicker__header .react-datepicker__month-dropdown-container .react-datepicker__month-read-view span.react-datepicker__month-read-view--down-arrow {
  display: none;
}
.datecontrol-group .react-datepicker__header .react-datepicker__year-dropdown-container {
  padding-left: 20%;
}
.datecontrol-group .react-datepicker__header .react-datepicker__year-dropdown-container .react-datepicker__year-dropdown + div {
  color: #0a6cff;
  font-weight: 600;
}
.datecontrol-group .react-datepicker__header .react-datepicker__year-dropdown-container .react-datepicker__year-read-view {
  font-size: 2em;
  font-weight: 300;
  visibility: visible !important;
  color: #2c3b42;
}
.datecontrol-group .react-datepicker__header .react-datepicker__year-dropdown-container .react-datepicker__year-read-view span.react-datepicker__year-read-view--down-arrow {
  display: none;
}
.datecontrol-group .react-datepicker__header .react-datepicker__day-names .react-datepicker__day-name {
  color: #566268;
}
.datecontrol-group button.react-datepicker__navigation--previous {
  margin: 3em 0em;
}
.datecontrol-group button.react-datepicker__navigation--previous::before:hover {
  color: #2c3b42;
}
.datecontrol-group button.react-datepicker__navigation--previous:focus {
  outline: none;
}
.datecontrol-group button.react-datepicker__navigation--next {
  margin: 3em 0em;
}
.datecontrol-group button.react-datepicker__navigation--next::after:hover {
  color: #2c3b42;
}
.datecontrol-group button.react-datepicker__navigation--next:focus {
  outline: none;
}
.datecontrol-group .react-datepicker-popper {
  z-index: 2;
}
.datecontrol-group .react-datepicker-popper .react-datepicker {
  font-size: 0.75em;
  font-family: 'Titillium Web', sans-serif;
}
.datecontrol-group .react-datepicker-popper .react-datepicker__day-name,
.datecontrol-group .react-datepicker-popper .react-datepicker__day,
.datecontrol-group .react-datepicker-popper .react-datepicker__time-name {
  font-size: 1.3em;
  font-weight: 300;
  margin: 5px 10px;
  padding: 4px 0px;
  width: 25px;
}
.datecontrol-group .react-datepicker-popper .react-datepicker__day,
.datecontrol-group .react-datepicker-popper .react-datepicker__day.react-datepicker__day--today,
.datecontrol-group .react-datepicker-popper .react-datepicker__day.react-datepicker__day--keyboard-selected,
.datecontrol-group .react-datepicker-popper .react-datepicker__day.react-datepicker__day--selected {
  border-radius: 3em;
}
.datecontrol-group .react-datepicker-popper .react-datepicker__day:hover,
.datecontrol-group .react-datepicker-popper .react-datepicker__day.react-datepicker__day--today:hover,
.datecontrol-group .react-datepicker-popper .react-datepicker__day.react-datepicker__day--keyboard-selected:hover,
.datecontrol-group .react-datepicker-popper .react-datepicker__day.react-datepicker__day--selected:hover {
  border-radius: 3em;
}
.datecontrol-group .react-datepicker-popper .react-datepicker__day--selected {
  background-color: #0a6cff;
}
.datecontrol-group .react-datepicker-popper .react-datepicker__day--disabled {
  background-color: #000;
  color: #fff;
  border-radius: 0;
}
.datecontrol-group .react-datepicker-popper .react-datepicker__day--disabled:hover {
  border-radius: 0;
  cursor: not-allowed;
}
.datecontrol-group .react-datepicker__day-names {
  white-space: nowrap;
  padding-top: 1.33em;
}
.datecontrol-group .react-datepicker__month-dropdown {
  background-color: #f0f0f0;
  font-size: 2em;
  position: fixed;
  width: 99.5%;
  padding-top: -3em;
  bottom: bottom;
  top: 78px;
  left: 0px;
  height: 269px;
  overflow-y: auto;
  border-radius: 0px;
  border-top: 1px solid #dde3e8;
  border-left: 1px solid #dde3e8;
  border-right: 1px solid #dde3e8;
  border-bottom: 0px;
  background-color: #fff;
  animation: 0.2s 1 normal fadeIn;
}
.datecontrol-group .react-datepicker__month-dropdown .react-datepicker__month-option {
  line-height: 2.5em;
  transition: color 0.2s ease-in;
  font-weight: 300;
}
.datecontrol-group .react-datepicker__month-dropdown .react-datepicker__month-option:hover {
  background-color: transparent;
  color: #0a6cff;
}
.datecontrol-group .react-datepicker__month-dropdown .react-datepicker__month-option.--selected_month {
  color: #0a6cff;
  font-weight: 600;
}
.datecontrol-group .react-datepicker__month-dropdown .react-datepicker__month-option.--selected_month span.react-datepicker__month-option--selected {
  display: none;
}
.datecontrol-group .react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  font-size: 2em;
  position: fixed;
  width: 99.5%;
  padding-top: -3em;
  bottom: bottom;
  top: 78px;
  left: 0px;
  height: 269px;
  overflow-y: auto;
  border-radius: 0px;
  border-top: 1px solid #dde3e8;
  border-left: 1px solid #dde3e8;
  border-right: 1px solid #dde3e8;
  border-bottom: 0px;
  background-color: #fff;
  animation: 0.2s 1 normal fadeIn;
}
.datecontrol-group .react-datepicker__year-dropdown .react-datepicker__year-option {
  line-height: 2.5em;
  transition: color 0.2s ease-in;
  font-weight: 300;
}
.datecontrol-group .react-datepicker__year-dropdown .react-datepicker__year-option:hover {
  background-color: transparent;
  color: #0a6cff;
}
.datecontrol-group .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option.--selected_year {
  color: #0a6cff;
  font-weight: 600;
}
.datecontrol-group .react-datepicker__year-dropdown .react-datepicker__year-option.react-datepicker__year-option.--selected_year span.react-datepicker__year-option--selected {
  display: none;
}
.datecontrol-group .react-datepicker__year-dropdown .react-datepicker__year-option:hover {
  background-color: transparent;
  color: #0a6cff;
}
.datecontrol-group .react-datepicker {
  border: 1px solid #dde3e8;
  animation: 0.1s 1 normal fadeIn;
}
.datecontrol-group .react-datepicker .react-datepicker__current-month.react-datepicker__current-month--hasYearDropdown.react-datepicker__current-month--hasMonthDropdown {
  display: none;
}
.datecontrol-group .react-datepicker .react-datepicker__day--outside-month {
  color: #cfd1d2;
}
.daterange-group {
  position: relative;
}
.daterange-group .range-margin-bottom {
  margin-bottom: 24px;
}
.daterange-group .show-date-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  font-family: "Source Sans Pro", sans-serif;
  display: flex;
}
.daterange-group .fv-label i {
  margin: 0px 8px;
  color: #75738D;
  font-size: 24px;
}
.daterange-group .edit-date-range-group {
  display: flex;
  border-radius: 8px;
  height: 44px;
  position: relative;
}
.daterange-group .edit-date-range-group .range-icon {
  text-align: center;
  margin: 10px 0px 0px 0px;
  color: #75738D;
  font-size: 24px;
}
.daterange-group .edit-date-range-group .range-clear-icon {
  position: absolute;
  top: 13px;
  right: 16px;
  font-size: 16px;
  cursor: pointer;
}
.daterange-group .edit-date-range-group .form-control {
  border: none;
  box-shadow: none;
  height: 42px;
  padding: 10px 16px;
  min-width: 88px;
  width: 88px;
  background: transparent;
}
.daterange-group .edit-date-range-group .date-control {
  height: 42px;
}
.daterange-group .edit-date-range-group .help-block {
  position: absolute;
  left: 0px;
}
.daterange-group .edit-date-range-group .datecontrol-group .react-datepicker-wrapper .react-datepicker__close-icon {
  top: 14px;
  right: 0px;
}
.daterange-group .error-date-range {
  border: 1px solid #CE1518;
}
.daterange-group .success-date-range {
  border: 1px solid #75738D;
}
.daterange-group .error-date-range:hover {
  border: 1px solid #827CEE;
}
.daterange-group .error-date-range:focus-within {
  border-color: #b3150a;
  -webkit-box-shadow: 0px 0px 2px 1px #f66a60;
  box-shadow: 0px 0px 2px 1px #f66a60;
}
.floating-datecontrol-group {
  position: relative;
}
.floating-datecontrol-group input {
  outline: none;
  margin: 0px;
}
.floating-datecontrol-group input:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -moz-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important;
}
.floating-datecontrol-group input:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.floating-datecontrol-group > .floating-label {
  position: absolute;
  top: -10px;
  left: 10px;
  font-size: 12px;
  z-index: -1;
  background-color: #ffffff;
  -moz-animation: all 300ms none ease-out;
  -webkit-animation: all 300ms none ease-out;
  -o-animation: all 300ms none ease-out;
  -ms-animation: all 300ms none ease-out;
  -khtml-animation: all 300ms none ease-out;
  animation: all 300ms none ease-out;
  animation-play-state: running !important;
  -webkit-animation-play-state: running !important;
}
.floating-datecontrol-group.empty > label.floating-label {
  font-size: 14px;
  animation: none;
  -webkit-animation: none;
  display: none;
}
.floating-datecontrol-group:not(.empty) > label.floating-label {
  z-index: 1;
  background-color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  color: #00406e;
  display: block;
}
.floating-datecontrol-group:not(.empty):focus > label.floating-label {
  color: #395FF0;
}
.floating-datecontrol-group.has-error > input:not(.empty):focus + label.floating-label {
  color: #CE1518;
  outline: none;
}
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  .react-datepicker__portal .react-datepicker {
    font-size: 150%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100vw;
    height: 100vh;
  }
  .react-datepicker__portal .react-datepicker .react-datepicker__header .react-datepicker__header__dropdown.react-datepicker__header__dropdown--scroll {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  .react-datepicker__portal .react-datepicker .react-datepicker__header .react-datepicker__month-dropdown-container.react-datepicker__month-dropdown-container--scroll,
  .react-datepicker__portal .react-datepicker .react-datepicker__header .react-datepicker__year-dropdown-container.react-datepicker__year-dropdown-container--scroll {
    padding: 0;
  }
  .react-datepicker__portal .react-datepicker .react-datepicker__month-read-view--selected-month,
  .react-datepicker__portal .react-datepicker .react-datepicker__year-read-view--selected-year {
    font-size: 0.85em;
    font-weight: 300;
  }
  .react-datepicker__portal .react-datepicker .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker .react-datepicker__day {
    width: 1.75em;
    line-height: 1.75em;
    font-weight: 300;
    border-radius: 3em;
  }
  .react-datepicker__portal .react-datepicker .react-datepicker__day--selected,
  .react-datepicker__portal .react-datepicker .react-datepicker__day--in-selecting-range,
  .react-datepicker__portal .react-datepicker .react-datepicker__day--in-range {
    background-color: #0a6cff;
    border-radius: 3em;
  }
  .react-datepicker__portal .react-datepicker .react-datepicker__day--disabled {
    background-color: #000;
    color: #fff;
    border-radius: 0;
  }
  .react-datepicker__portal .react-datepicker .react-datepicker__day--disabled:hover {
    border-radius: 0;
    cursor: not-allowed;
  }
  .react-datepicker__portal .react-datepicker .react-datepicker__month-dropdown,
  .react-datepicker__portal .react-datepicker .react-datepicker__year-dropdown {
    position: fixed;
    width: 99.5%;
    top: 0px;
    left: 0px;
    height: 100vh;
    background-color: #fff;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fieldset-group {
  padding-bottom: 15px;
}
.fieldset-group .fieldset-panel .ui-checkbox {
  padding-top: 5px;
  padding-bottom: 5px;
}
.fieldset-collapse,
.fieldset-enable {
  position: relative;
}
.fieldset-collapse .fieldset-heading,
.fieldset-enable .fieldset-heading {
  position: relative;
  display: block;
  padding-top: 15px;
  padding-bottom: 5px;
  white-space: nowrap;
}
.fieldset-collapse .fieldset-heading:hover,
.fieldset-enable .fieldset-heading:hover {
  color: #395FF0;
}
.fieldset-collapse .fieldset-heading .fieldset-title,
.fieldset-enable .fieldset-heading .fieldset-title {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  padding-bottom: 10px;
}
.fieldset-collapse .fieldset-heading .fieldset-caret,
.fieldset-enable .fieldset-heading .fieldset-caret {
  width: 0;
  height: 0;
  position: absolute;
  right: 0px;
  top: 40%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.fieldset-collapse .fieldset-heading .fieldset-caret.down-caret,
.fieldset-enable .fieldset-heading .fieldset-caret.down-caret {
  border-top: 5px solid #5a5f62;
}
.fieldset-collapse .fieldset-heading .fieldset-caret.up-caret,
.fieldset-enable .fieldset-heading .fieldset-caret.up-caret {
  border-bottom: 5px solid #5a5f62;
}
.fieldset-collapse .fieldset-heading .fieldset-icon,
.fieldset-enable .fieldset-heading .fieldset-icon {
  position: absolute;
  right: 0px;
  top: 55%;
  transform: translateY(-50%);
  font-size: 20px;
}
.fieldset-collapse .fieldset-heading .fieldset-icon.fa-folder-open-o,
.fieldset-enable .fieldset-heading .fieldset-icon.fa-folder-open-o {
  right: -2px;
}
.fieldset-collapse .fieldset-content[style='height: 0px;'],
.fieldset-enable .fieldset-content[style='height: 0px;'] {
  overflow: hidden;
}
.fieldset-collapse .fieldset-content .fieldset-panel,
.fieldset-enable .fieldset-content .fieldset-panel {
  padding: 10px 10px 15px 10px;
}
.fieldset-collapse .fieldset-content .display-none,
.fieldset-enable .fieldset-content .display-none {
  display: none;
}
.fieldset-collapse .fieldset-content .display-block,
.fieldset-enable .fieldset-content .display-block {
  display: block;
}
.compound-slider {
  position: relative;
  width: 100%;
  height: 80px;
}
.compound-slider .slider-rail {
  position: absolute;
  left: -5px;
  right: -5px;
  height: 5px;
  margin-top: 35px;
  border-radius: 5px;
  background-color: #ddd;
  cursor: pointer;
}
.compound-slider .slider-tracks .slider-track {
  position: absolute;
  height: 5px;
  z-index: 1;
  margin-top: 35px;
  background-color: #0091fa;
  border-radius: 5px;
  cursor: pointer;
}
.compound-slider .slider-handles .slider-handle {
  position: absolute;
  margin-left: -7.5px;
  margin-top: 30px;
  z-index: 2;
  width: 15px;
  height: 15px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  background-color: #0091fa;
}
.compound-slider .slider-handles .slider-handle .handle-label {
  font-size: 11px;
  margin-top: -25px;
  margin-left: -12.5px;
  margin-right: -12.5px;
  color: #fff;
  background-color: #0091fa;
  padding: 2px;
  border-radius: 4px;
}
.compound-slider .slider-handles .slider-handle .handle-label .arrow-down {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #0091fa;
  position: absolute;
  left: calc(50% - 7px);
}
.compound-slider .slider-handles .slider-handle:active {
  z-index: 3;
  background-color: #0073c7;
}
.compound-slider .slider-handles .slider-handle:active .handle-label {
  background-color: #0073c7;
}
.compound-slider .slider-handles .slider-handle:active .handle-label .arrow-down {
  border-top-color: #0073c7;
}
.compound-slider .slider-ticks .slider-tick {
  position: absolute;
  margin-top: 40px;
  margin-left: -0.5px;
  width: 1px;
  height: 8px;
  background-color: #ddd;
}
.compound-slider .slider-ticks .tick-label {
  position: absolute;
  margin-top: 50px;
  font-size: 10px;
  text-align: center;
}
.timerange-slider {
  padding: 15px 30px;
}
.timerange-slider .time-popover {
  position: relative;
  display: inline-block;
}
.timerange-slider .time-popover .time-button {
  color: #31373b;
}
.timerange-slider .time-popover .time-button:hover,
.timerange-slider .time-popover .time-button:focus {
  outline: none;
  text-decoration: none;
}
.timerange-slider .time-popover .time-button:hover:active,
.timerange-slider .time-popover .time-button:focus:active {
  outline: none;
  text-decoration: none;
}
.timerange-slider .time-popover .popover-content {
  min-width: 250px;
}
.timerange-slider .time-popover .popover-content .content-footer {
  text-align: right;
}
.timerange-slider .time-popover .popover-content .content-footer .btn {
  min-width: 75px;
  margin-left: 15px;
}
.timerange-slider .react-datepicker__time-container {
  width: 100px;
}
.timerange-slider .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 100px;
}
.timerange-slider .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  padding: 0px;
  font-size: 12px;
  height: 80px;
}
.timerange-slider .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  display: none;
}
.time-select-popover {
  border-radius: 10px;
  padding: 10px;
}
.time-select-popover .time-popover {
  border-radius: 10px;
  padding: 10px;
}
.popover-footer {
  display: flex;
  justify-content: center;
}
.popover-footer .btn-primary {
  margin: 10px;
}
.date-picker .react-datepicker {
  font-family: 'Source Sans Pro Regular';
  font-size: 14px;
  border: 1px solid #CED3DA;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.date-picker .react-datepicker__current-month {
  font-size: 16px;
  flex: 1;
}
.date-picker .react-datepicker__navigation {
  top: 16px;
}
.date-picker .react-datepicker__day-name,
.date-picker .react-datepicker__day,
.date-picker .react-datepicker__time-name {
  width: 45px;
  color: #645ED0;
  line-height: 28px;
}
.date-picker .react-datepicker__week {
  margin: 7px 0px;
}
.date-picker .react-datepicker__day--selected,
.date-picker .react-datepicker__day--in-selecting-range,
.date-picker .react-datepicker__day--in-range,
.date-picker .react-datepicker__month-text--selected,
.date-picker .react-datepicker__month-text--in-selecting-range,
.date-picker .react-datepicker__month-text--in-range,
.date-picker .react-datepicker__quarter-text--selected,
.date-picker .react-datepicker__quarter-text--in-selecting-range,
.date-picker .react-datepicker__quarter-text--in-range,
.date-picker .react-datepicker__year-text--selected,
.date-picker .react-datepicker__year-text--in-selecting-range,
.date-picker .react-datepicker__year-text--in-range {
  border-radius: 4px;
  background-color: #645ED0;
  color: #ffffff;
}
.date-picker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #645ED0;
}
.date-picker .react-datepicker__month--selected,
.date-picker .react-datepicker__month--in-selecting-range,
.date-picker .react-datepicker__month--in-range,
.date-picker .react-datepicker__quarter--selected,
.date-picker .react-datepicker__quarter--in-selecting-range,
.date-picker .react-datepicker__quarter--in-range {
  background-color: #645ED0;
}
.date-picker .react-datepicker__month-text.react-datepicker__month--selected:hover,
.date-picker .react-datepicker__month-text.react-datepicker__month--in-range:hover,
.date-picker .react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.date-picker .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.date-picker .react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.date-picker .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.date-picker .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.date-picker .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #645ED0;
}
.date-picker .react-datepicker__day--keyboard-selected,
.date-picker .react-datepicker__month-text--keyboard-selected,
.date-picker .react-datepicker__quarter-text--keyboard-selected,
.date-picker .react-datepicker__year-text--keyboard-selected {
  color: #645ED0;
}
.date-picker .react-datepicker__header {
  background-color: #ffffff;
  border-bottom: none;
  padding: 0px 0;
}
.date-picker .react-datepicker__current-month,
.date-picker .react-datepicker-time__header,
.date-picker .react-datepicker-year-header {
  background: #645ED0;
  color: #ffffff;
}
.date-picker .react-datepicker__year-read-view--down-arrow,
.date-picker .react-datepicker__month-read-view--down-arrow,
.date-picker .react-datepicker__month-year-read-view--down-arrow,
.date-picker .react-datepicker__navigation-icon::before {
  border-color: #ffffff;
}
.date-picker .react-datepicker-wrapper {
  width: 100%;
}
.date-picker .react-datepicker__day-names {
  white-space: nowrap;
  padding: 0px;
  margin: 7px;
  border-radius: 4px;
}
.date-picker .react-datepicker__month {
  margin-top: 12px;
  margin-bottom: 14px;
}
.date-picker .react-datepicker-popper[data-placement^=top] {
  padding-bottom: 0px;
}
.date-picker .react-datepicker-popper[data-placement^=bottom] {
  padding-top: 4px;
}
.date-picker .react-datepicker__navigation-icon--next {
  left: -8px;
}
.date-picker .react-datepicker__navigation-icon--previous {
  right: -8px;
}
.date-picker .react-datepicker__day--disabled {
  cursor: default;
  color: #546274;
}
.date-picker .month-nav-button-disabled {
  visibility: hidden;
}
.date-picker .month-nav-button {
  background: #645ED0;
  color: #ffffff;
  flex: 1;
}
.date-picker .calendar-icon {
  margin-left: -45px;
}
.date-picker .input-control {
  display: flex;
  align-items: center;
}
.date-picker .input-control .ui-action-icon .primary {
  font-size: 20px;
}
.date-picker .input-control .ui-action-icon .primary:hover {
  background: #ffffff;
  color: #645ED0;
}
.date-picker .custom-header {
  background: #645ED0;
  padding: 16px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.date-picker .custom-header .month-and-year .header-text {
  text-decoration: underline;
}
.date-picker .custom-header .month-and-year .header-text:hover {
  cursor: pointer;
}
.date-picker .custom-header .month-and-year .months-and-years-lists {
  display: flex;
  justify-content: space-around;
  position: absolute;
  z-index: 5555;
  width: 100%;
  left: 0px;
  background-color: #ffffff;
  overflow: hidden;
  margin-top: 5px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
.date-picker .custom-header .month-and-year .months-and-years-lists::before,
.date-picker .custom-header .month-and-year .months-and-years-lists::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 20%;
  z-index: 55555;
  content: '';
  pointer-events: none;
}
.date-picker .custom-header .month-and-year .months-and-years-lists::before {
  background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));
  top: 0px;
}
.date-picker .custom-header .month-and-year .months-and-years-lists::after {
  background-image: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));
  bottom: 0px;
}
.date-picker .custom-header .month-and-year .months-and-years-lists.hide {
  display: none;
}
.date-picker .custom-header .month-and-year .months-and-years-lists .month-or-year-list {
  overflow: scroll;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding-right: 5px;
  padding-left: 5px;
  box-sizing: content-box;
  scrollbar-width: none;
}
.date-picker .custom-header .month-and-year .months-and-years-lists .month-or-year-list:nth-child(1) {
  padding-left: 10px;
}
.date-picker .custom-header .month-and-year .months-and-years-lists .month-or-year-list:nth-child(2) {
  padding-right: 10px;
}
.date-picker .custom-header .month-and-year .months-and-years-lists .month-or-year-list button {
  display: block;
  width: 100%;
  padding: 4px 0px;
  border-radius: 4px;
  background: transparent;
  border: none;
  box-shadow: none;
  height: auto;
  font-size: 14px;
  font-weight: 400;
}
.date-picker .custom-header .month-and-year .months-and-years-lists .month-or-year-list button:focus {
  border: none;
}
.date-picker .custom-header .month-and-year .months-and-years-lists .month-or-year-list button:first-child {
  margin-top: 8px;
}
.date-picker .custom-header .month-and-year .months-and-years-lists .month-or-year-list button:last-child {
  margin-bottom: 8px;
}
.date-picker .custom-header .month-and-year .months-and-years-lists .month-or-year-list button.active {
  background-color: #645ED0;
  color: #ffffff;
}
.date-picker-input {
  width: 100%;
  min-height: 45px;
  padding: 0px;
  padding: 12px 12px;
  border-radius: 8px;
  border: 1px solid #DDE3E8;
  box-shadow: none;
}
/* 
	This is to handle a split control/dropdown control or scenarios like this when the form control 
		is a combined control
	The rule is to show curved borders on the right of form control when it has password eyeball icon
	- not the last child
	- not dropdown toggle button
	- not an expanded dropdown menu
	- not in a floating form
*/
.input-group:not(.has-validation) > .form-control.ui-password-input.password-eyeballed:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  padding-right: 40px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.input-group .btn.password-eyeball-btn {
  position: absolute;
  right: 0;
  height: 100%;
  z-index: 4;
}
/* 
	This is to handle a split control/dropdown control or scenarios like this when the form control 
		is a combined control
	The rule is to show curved borders on the right of form control when it has password eyeball icon
	- not the last child
	- not dropdown toggle button
	- not an expanded dropdown menu
	- not in a floating form
*/
.text-input-group.input-group:not(.has-validation) > .form-control.has-custom-trail-icon:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  padding-right: 40px;
  border-radius: 8px;
}
.text-input-group.input-group .btn.custom-trail-btn {
  position: absolute;
  right: 0;
  height: 100%;
  z-index: 4;
}
.text-input-group.input-group .form-control {
  border-radius: 8px;
}
.text-input-group.input-group .form-control::-ms-reveal {
  display: none;
}
.uichip-root {
  display: inline-flex;
  justify-content: start;
  align-items: start;
}
.uichip-root .ui-chip-container {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 1rem;
  border: 1px solid #f4f4f4;
  border-radius: 0.5rem;
  background-color: #ffffff;
  outline: 1px;
  outline-offset: -1px;
}
.uichip-root .ui-chip-container:hover:not(.disabled),
.uichip-root .ui-chip-container:focus:not(.disabled) {
  outline: medium solid #395FF0;
}
.uichip-root .ui-chip-container:active:not(.disabled) {
  outline: medium solid #395FF0;
  background-color: #0B3352;
}
.uichip-root .ui-chip-container:active:not(.disabled) .uichip-label,
.uichip-root .ui-chip-container:active:not(.disabled) .ui-action-icon .primary {
  color: #ffffff;
}
.uichip-root .ui-chip-container.large-chip {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.uichip-root .ui-chip-container.selected {
  background-color: #11568C;
}
.uichip-root .ui-chip-container.selected .uichip-label,
.uichip-root .ui-chip-container.selected .ui-action-icon .primary {
  color: #ffffff;
}
.uichip-root .ui-chip-container.disabled {
  background-color: #DDDDDD;
}
.uichip-root .ui-chip-container.disabled .uichip-label,
.uichip-root .ui-chip-container.disabled .ui-action-icon .primary {
  color: #B1B1B1;
}
.uichip-root .uichip-label {
  display: flex;
  justify-content: start;
  align-items: center;
  font-weight: 600;
  color: #31373b;
}
.uichipgroup-root {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0.5rem;
}
.uichipgroup-root.wrap {
  flex-wrap: wrap;
}
.uichipgroup-root.nowrap {
  flex-wrap: nowrap;
}
.uichipgroup-root.spacing-compact {
  gap: 0.25rem;
}
.uichipgroup-root.spacing-loose {
  gap: 1rem;
}
.uichipgroup-root.spacing-default {
  gap: 0.5rem;
}
.Select-menu-portal-custom .Select__menu {
  margin-top: 0;
}
html,
body {
  width: 100%;
}
body {
  background-color: #ffffff;
  color: #00406e;
  font-family: Roobert, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.4;
  padding-right: 0px !important;
  margin-right: 0px !important;
}
body label {
  font-weight: 400;
}
body a:focus,
body a:hover {
  text-decoration: none;
}
body.modal-open.ios-bugfix-caret {
  position: fixed;
  width: 100%;
  height: 100%;
}
body h1 {
  font-family: Roobert, sans-serif;
  font-size: 48px;
}
@media (max-width: 991px) {
  body h1 {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  body h1 {
    font-size: 36px;
  }
}
body h2 {
  font-family: Roobert, sans-serif;
  font-size: 36px;
}
@media (max-width: 991px) {
  body h2 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  body h2 {
    font-size: 24px;
  }
}
body h3 {
  font-size: 24px;
}
@media (max-width: 991px) {
  body h3 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  body h3 {
    font-size: 18px;
  }
}
body h4 {
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  body h4 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  body h4 {
    font-size: 12px;
  }
}
body h1,
body h2,
body h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.app-container {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.app-container .app-header-content {
  position: fixed;
  z-index: 5;
  top: 0px;
  left: 0px;
  right: 0px;
}
.app-container .app-header-content.blur-content {
  filter: blur(3px);
  pointer-events: none;
}
.app-container .app-content {
  overflow: hidden;
  margin-top: 54px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.app-container .app-content > * {
  flex: 1;
}
.app-container .app-content .nav-header {
  position: initial;
  border-top: 1px solid #dcdacb;
  background: #ffffff;
  z-index: 1009;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .app-container .app-content .nav-header {
    padding-left: 1rem;
  }
}
@media (max-width: 1199px) {
  .app-container .app-content .nav-header {
    padding-left: 3rem;
  }
}
@media (min-width: 1919px) {
  .app-container .app-content .nav-header {
    padding-left: 13rem;
  }
}
.app-container .app-content .nav-header > ul {
  max-height: 8rem;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
}
.app-container .app-content .nav-header > ul > li {
  display: flex;
  flex-direction: row;
}
.app-container .app-content .nav-header > ul > li.product .heading {
  width: 196px;
  text-align: right;
}
.app-container .app-content .nav-header > ul > li .heading {
  font-size: 18px;
  color: #000000;
  font-family: Roobert, sans-serif;
}
.app-container .app-content .nav-header > ul > li > a {
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  text-align: right;
  color: #5E7482;
  font-family: Roobert Medium, sans-serif;
  padding: 6rem 3rem;
}
@media only screen and (device-width: 768px) {
  .app-container .app-content .nav-header > ul > li > a {
    font-size: 13px !important;
  }
}
@media only screen and (device-width: 768px) {
  .app-container .app-content .nav-header > ul > li > a {
    padding: 6rem 1rem !important;
  }
}
@media (max-width: 991px) {
  .app-container .app-content .nav-header > ul > li > a {
    padding: 6rem 2rem;
  }
}
.app-container .app-content .nav-header > ul > li > a:hover,
.app-container .app-content .nav-header > ul > li > a:focus {
  color: #0278B6;
}
.app-container .app-content .nav-header > ul > li > a svg.fa-caret-down {
  margin-left: 5px;
}
.app-container .app-content .nav-header > ul > li > a svg.fa-caret-up {
  margin-left: 5px;
}
.app-container .app-content .nav-header > ul > li > a[aria-expanded="true"] svg.fa-caret-down {
  display: none;
}
.app-container .app-content .nav-header > ul > li > a[aria-expanded="true"] svg.fa-caret-up {
  display: inline-block;
}
.app-container .app-content .nav-header > ul > li > a[aria-expanded="false"] svg.fa-caret-down {
  display: inline-block;
}
.app-container .app-content .nav-header > ul > li > a[aria-expanded="false"] svg.fa-caret-up {
  display: none;
}
@keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.app-header {
  background-color: #000000;
  height: 68px;
  position: sticky;
  font-family: Roobert Medium, sans-serif;
  padding: 0px 3% 0px 3%;
}
@media (min-width: 1199px) {
  .app-header {
    padding: 0px 6% 0px 6%;
  }
}
.app-header .tsys-logo-header {
  padding-top: 20px;
  padding-right: 50px;
}
.app-header .tsys-logo-header .tsys-logo {
  height: 28px;
  width: 286px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: relative;
  left: 0px;
}
.app-header .app-content-light-border {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.app-header > .row {
  height: 100%;
}
.app-header > .row > div {
  height: 100%;
}
.app-header > .row > div > nav {
  height: 100%;
}
.app-header > .row > div > nav > ul {
  height: 100%;
}
.col-xs-5.app-header-locale {
  padding-left: 75px;
  position: static;
}
@media (max-width: 1199px) {
  .col-xs-5.app-header-locale {
    padding-left: 25px;
  }
}
@media (max-width: 1199px) {
  .app-header-submenus {
    padding-right: 0px;
  }
}
.app-header-submenus {
  display: block;
}
.app-header-submenus .list-group-header a {
  cursor: default;
}
.app-header-submenus .list-group-header.coming-soon {
  cursor: default;
}
.app-header-submenus .list-group-header.coming-soon .image {
  background-color: #dde3e8;
}
.app-header-submenus .list-group-header.coming-soon .content .title:after {
  height: 0px;
}
.app-header-submenus .list-group-header.coming-soon .content .title .coming-soon-label {
  display: inline-block;
  margin-left: 15px;
  background-color: #dde3e8;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 14px;
}
.app-header-submenus .location-mobile {
  display: inline-block;
  top: 70% !important;
}
.app-header-submenus .location-mobile .locale-selection > a > div {
  padding: 10px !important;
}
.app-header-submenus .nav-locale-mobile,
.app-header-submenus .nav-locale {
  color: #4BCD3E;
}
.app-header-submenus .nav-locale-mobile .locale-desktop,
.app-header-submenus .nav-locale .locale-desktop {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 20px 16px;
}
.app-header-submenus .nav-locale-mobile .locale-desktop > a[aria-expanded="true"] svg.fa-chevron-down,
.app-header-submenus .nav-locale .locale-desktop > a[aria-expanded="true"] svg.fa-chevron-down {
  display: none;
}
.app-header-submenus .nav-locale-mobile .locale-desktop > a[aria-expanded="true"] svg.fa-chevron-up,
.app-header-submenus .nav-locale .locale-desktop > a[aria-expanded="true"] svg.fa-chevron-up {
  display: inline-block;
}
.app-header-submenus .nav-locale-mobile .locale-desktop > a[aria-expanded="true"]:focus:not(:focus-visible),
.app-header-submenus .nav-locale .locale-desktop > a[aria-expanded="true"]:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.app-header-submenus .nav-locale-mobile .locale-desktop > a[aria-expanded="true"]:focus:not(:focus-visible) .location-label span > span,
.app-header-submenus .nav-locale .locale-desktop > a[aria-expanded="true"]:focus:not(:focus-visible) .location-label span > span,
.app-header-submenus .nav-locale-mobile .locale-desktop > a[aria-expanded="true"]:hover .location-label span > span,
.app-header-submenus .nav-locale .locale-desktop > a[aria-expanded="true"]:hover .location-label span > span {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.app-header-submenus .nav-locale-mobile .locale-desktop > a[aria-expanded="true"]:focus-visible,
.app-header-submenus .nav-locale .locale-desktop > a[aria-expanded="true"]:focus-visible {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.app-header-submenus .nav-locale-mobile .locale-desktop > a[aria-expanded="false"] svg.fa-chevron-down,
.app-header-submenus .nav-locale .locale-desktop > a[aria-expanded="false"] svg.fa-chevron-down {
  display: inline-block;
}
.app-header-submenus .nav-locale-mobile .locale-desktop > a[aria-expanded="false"] svg.fa-chevron-up,
.app-header-submenus .nav-locale .locale-desktop > a[aria-expanded="false"] svg.fa-chevron-up {
  display: none;
}
@media (max-width: 1199px) {
  .app-header-submenus .nav-locale-mobile .locale-desktop,
  .app-header-submenus .nav-locale .locale-desktop {
    display: none;
  }
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show {
  margin-top: 0.45rem;
  border-radius: 0px;
  margin-left: 20px;
  transform-origin: top center;
  box-shadow: 0 2px 10px 0 #5E74824D;
}
@keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content {
  min-width: 231px;
  margin-top: 15px;
  box-shadow: 0 2px 10px 0 #5E74824D;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content p,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content p {
  color: #1D1F48;
  font-style: normal;
  font-size: 20px;
  font-family: Roobert Medium, sans-serif;
  padding-bottom: 10px;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection {
  text-align: left;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection a,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection a {
  display: block;
  cursor: pointer;
  color: #5a5f62;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection a:focus,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection a:focus {
  outline: none;
  box-shadow: none;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection a:focus-visible,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection a:focus-visible {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection div,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection div {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  color: #000000;
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 12px 6px;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection div:hover,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection div:hover {
  background-color: #f0f4f6;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection div:active,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection div:active {
  background-color: #DDE3E8;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection div > span,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection div > span {
  display: inline-block;
  position: relative;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection .locale-check-icon,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection .locale-check-icon {
  margin-left: auto;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection .locale-check-icon .fa-check,
.app-header-submenus .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection .locale-check-icon .fa-check {
  color: #048A81;
  margin: 0;
  background-color: transparent;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .location-label span,
.app-header-submenus .nav-locale .locale-desktop .location-label span {
  padding: 5px;
  display: flex;
  align-items: center;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .location-label span > span,
.app-header-submenus .nav-locale .locale-desktop .location-label span > span {
  color: #ffffff;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .app-dropdown-menu,
.app-header-submenus .nav-locale .locale-desktop .app-dropdown-menu {
  top: 40px;
  font-size: inherit;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .app-dropdown-menu.dropdown-menu,
.app-header-submenus .nav-locale .locale-desktop .app-dropdown-menu.dropdown-menu {
  background-color: transparent;
  border: none;
  box-shadow: none;
  width: 100%;
  position: absolute;
  top: 49px;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .app-dropdown-menu .dropdown-menu-content,
.app-header-submenus .nav-locale .locale-desktop .app-dropdown-menu .dropdown-menu-content {
  background-color: #ffffff;
  border: 1px solid #dde3e8;
  box-shadow: none;
}
.app-header-submenus .nav-locale-mobile .locale-desktop .app-dropdown-menu .arrow-up,
.app-header-submenus .nav-locale .locale-desktop .app-dropdown-menu .arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  margin-left: 80%;
}
.app-header-submenus .nav-locale-mobile .locale-mobile,
.app-header-submenus .nav-locale .locale-mobile {
  display: none;
  margin-top: 10px;
  padding: 5px 5px 10px 5px;
  background-color: #ffffff;
}
.app-header-submenus .nav-locale-mobile .locale-mobile > div,
.app-header-submenus .nav-locale .locale-mobile > div {
  height: 40px;
}
.app-header-submenus .nav-locale-mobile .locale-mobile a:hover,
.app-header-submenus .nav-locale .locale-mobile a:hover {
  background-color: #ffffff;
}
.app-header-submenus .nav-locale-mobile .locale-globe,
.app-header-submenus .nav-locale .locale-globe {
  float: left;
  margin-top: 5px;
}
.app-header-submenus .nav-locale-mobile .locale-globe .globe-icon,
.app-header-submenus .nav-locale .locale-globe .globe-icon {
  height: 25px;
}
.app-header-submenus .nav-locale-mobile .locale-globe .globe-icon .st1,
.app-header-submenus .nav-locale .locale-globe .globe-icon .st1 {
  fill: none;
  stroke: #00406e;
  stroke-width: 40;
  stroke-miterlimit: 10;
}
.app-header-submenus .nav-locale-mobile .locale-text,
.app-header-submenus .nav-locale .locale-text {
  float: left;
  padding-top: 2px;
}
.app-header-submenus .nav-locale-mobile .locale-text .location-label,
.app-header-submenus .nav-locale .locale-text .location-label {
  color: #ffffff;
  position: relative;
  width: 99px;
}
.app-header-submenus .nav-locale-mobile .locale-text .location-label span svg.fa-chevron-down,
.app-header-submenus .nav-locale .locale-text .location-label span svg.fa-chevron-down,
.app-header-submenus .nav-locale-mobile .locale-text .location-label span svg.fa-chevron-up,
.app-header-submenus .nav-locale .locale-text .location-label span svg.fa-chevron-up {
  margin-left: 8px;
}
.app-header-submenus .nav-locale-mobile .locale-text .location-label span .fa-chevron-down,
.app-header-submenus .nav-locale .locale-text .location-label span .fa-chevron-down,
.app-header-submenus .nav-locale-mobile .locale-text .location-label span .fa-chevron-up,
.app-header-submenus .nav-locale .locale-text .location-label span .fa-chevron-up {
  color: #4BCD3E;
}
.app-header-submenus .nav-locale-mobile .locale-text .location-label span svg.fa-map-marker-alt,
.app-header-submenus .nav-locale .locale-text .location-label span svg.fa-map-marker-alt {
  color: #ffffff;
  height: 22px;
  width: 22px;
}
.app-header-submenus .nav-locale-mobile .locale-text .location-value,
.app-header-submenus .nav-locale .locale-text .location-value {
  color: #9ea5af;
}
.app-header-submenus .nav-locale-mobile .locale-toggle:hover,
.app-header-submenus .nav-locale .locale-toggle:hover {
  border: solid 1px #57c9e8;
}
.app-header-submenus .nav-locale-mobile .locale-toggle:hover .toggle-label span,
.app-header-submenus .nav-locale .locale-toggle:hover .toggle-label span {
  color: #57c9e8;
}
.app-header-submenus .nav-locale-mobile .locale-border,
.app-header-submenus .nav-locale .locale-border {
  border-left: 2px solid #ecedef;
  height: 30px;
  width: 1px;
  padding-right: 10px;
}
.app-header-submenus .nav-locale-mobile .dropdown-menu-content,
.app-header-submenus .nav-locale .dropdown-menu-content {
  width: 250px;
  color: #9ea5af;
  text-align: center;
  float: right;
  margin: 0 10px;
}
.app-header-submenus .nav-locale-mobile .dropdown-menu-content .menu-label,
.app-header-submenus .nav-locale .dropdown-menu-content .menu-label {
  margin-bottom: 5px;
}
.app-header-submenus .nav-locale-mobile .locale-toggle,
.app-header-submenus .nav-locale .locale-toggle {
  position: relative;
  box-shadow: inset 0 7px 10px -7px #888, inset -7px 0 10px -7px #888;
  border-radius: 20px;
  border: solid 1px #f2f4f6;
  height: 25px;
  font-size: 12px;
}
.app-header-submenus .nav-locale-mobile .locale-toggle .toggle-label,
.app-header-submenus .nav-locale .locale-toggle .toggle-label {
  color: #00406e;
  text-align: center;
}
.app-header-submenus .nav-locale-mobile .locale-toggle .toggle-label > div,
.app-header-submenus .nav-locale .locale-toggle .toggle-label > div {
  position: absolute;
  top: 0px;
  bottom: 0px;
  border-radius: 20px;
  padding-top: 3px;
}
.app-header-submenus .nav-locale-mobile .locale-toggle .toggle-label > div:nth-child(1),
.app-header-submenus .nav-locale .locale-toggle .toggle-label > div:nth-child(1) {
  left: 0px;
}
.app-header-submenus .nav-locale-mobile .locale-toggle .toggle-label > div:nth-child(2),
.app-header-submenus .nav-locale .locale-toggle .toggle-label > div:nth-child(2) {
  right: 0px;
}
.app-header-submenus .nav-locale-mobile .locale-toggle .toggle-label > div.active,
.app-header-submenus .nav-locale .locale-toggle .toggle-label > div.active {
  width: 53%;
  background-color: #00406e;
  color: #ffffff;
}
.app-header-submenus .nav-locale-mobile .locale-toggle .toggle-label > div:not(.active),
.app-header-submenus .nav-locale .locale-toggle .toggle-label > div:not(.active) {
  width: 50%;
}
.app-header-submenus .nav-locale-mobile .locale-toggle .toggle-label > div:not(.active):nth-child(1),
.app-header-submenus .nav-locale .locale-toggle .toggle-label > div:not(.active):nth-child(1) {
  padding-right: 5px;
}
.app-header-submenus .nav-locale-mobile .locale-toggle .toggle-label > div:not(.active):nth-child(2),
.app-header-submenus .nav-locale .locale-toggle .toggle-label > div:not(.active):nth-child(2) {
  padding-left: 5px;
}
.app-header-submenus .nav-locale {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
  height: 100%;
  gap: 10px;
  font-weight: 500;
  line-height: 24px;
}
.app-header-submenus .nav-locale:hover,
.app-header-submenus .nav-locale:has(.dropdown-menu.show) {
  color: #4BCD3E;
  height: 100%;
}
.app-header-submenus .nav-locale:hover:after,
.app-header-submenus .nav-locale:has(.dropdown-menu.show):after {
  content: '';
  height: 4px;
  display: block;
  position: absolute;
  background-color: #4BCD3E;
  left: 0;
  right: 0;
  bottom: 0;
}
.app-header-submenus .nav-locale .locale-text {
  padding-top: 0px;
}
.app-header-submenus .nav-multiclient {
  display: flex;
  align-items: center;
  font-family: Roobert, sans-serif;
  font-size: 15px;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content {
  margin-top: 2rem;
  overflow-y: scroll;
  max-height: 285px;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 10px 12px;
  background-color: #ffffff;
  border-bottom: 1px solid #DDE3E8;
  display: flex;
  align-items: center;
  position: relative;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper .multiclient-search-input {
  width: 100%;
  padding: 8px 36px 8px 12px;
  border: none;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
  color: #000000;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper .multiclient-search-input::placeholder {
  color: #5E7482;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper .multiclient-search-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #323436;
  pointer-events: none;
  font-size: 14px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper .multiclient-search-icon.hidden {
  display: none;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper .multiclient-search-clear {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #323436;
  font-size: 16px;
  line-height: 1;
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper .multiclient-search-clear.btn,
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper .multiclient-search-clear.ui-action-button {
  padding: 0;
  min-width: 20px;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper .multiclient-search-clear i {
  line-height: 1;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper .multiclient-search-clear:hover {
  color: #5a5f62;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper .multiclient-search-clear.hidden {
  display: none;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper .multiclient-search-icon {
  right: 24px;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-search-wrapper .multiclient-search-clear {
  right: 20px;
}
.app-header-submenus .nav-multiclient #multiclient-dropdown .dropdown-menu-content .multiclient-no-results {
  text-align: center;
  padding: 12px 12px;
  color: #323436;
  font-size: 14px;
}
.app-header-submenus .nav-multiclient .multiclient-desktop {
  display: block;
}
.app-header-submenus .nav-multiclient .multiclient-desktop > a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.app-header-submenus .nav-multiclient .multiclient-desktop > a:focus:not(:focus-visible) .multiclient-label span > span,
.app-header-submenus .nav-multiclient .multiclient-desktop > a:hover .multiclient-label span > span {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.app-header-submenus .nav-multiclient .multiclient-desktop > a:focus-visible {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.app-header-submenus .nav-multiclient .multiclient-desktop > a[aria-expanded="true"] svg.fa-chevron-down {
  display: none;
}
.app-header-submenus .nav-multiclient .multiclient-desktop > a[aria-expanded="true"] svg.fa-chevron-up {
  display: inline-block;
  margin-left: 16px;
}
.app-header-submenus .nav-multiclient .multiclient-desktop > a[aria-expanded="false"] svg.fa-chevron-down {
  display: inline-block;
  margin-left: 16px;
}
.app-header-submenus .nav-multiclient .multiclient-desktop > a[aria-expanded="false"] svg.fa-chevron-up {
  display: none;
}
@media (max-width: 1199px) {
  .app-header-submenus .nav-multiclient .multiclient-desktop {
    display: none;
  }
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show {
  border-radius: 0px;
  margin-left: 20px;
  transform-origin: top center;
  top: 25px;
}
@keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content {
  min-width: 300px;
  box-shadow: 0 2px 10px 0 #5E74824D;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content p {
  color: #1D1F48;
  font-style: normal;
  font-size: 20px;
  font-family: Roobert Medium, sans-serif;
  padding-bottom: 10px;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection {
  text-align: left;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection a {
  display: block;
  cursor: pointer;
  color: #000000;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection a .multiclient-dropdown-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection a .multiclient-dropdown-label .client-check-icon {
  margin-left: auto;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection a .multiclient-dropdown-label .client-check-icon .fa-check {
  color: #048A81;
  margin: 0;
  background-color: transparent;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection a .multiclient-dropdown-label:focus,
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection a .multiclient-dropdown-label:focus-within {
  outline: none;
  box-shadow: none;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection a.active {
  color: #3F64F2;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection a.active .multiclient-dropdown-label > span {
  color: #048A81;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection div {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  color: #000000;
  padding: 10px;
  margin: 12px 8px;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection div:hover {
  background-color: #f0f4f6;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection div:active {
  background-color: #DDE3E8;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .dropdown-menu.show .dropdown-menu-content .multiclient-selection div > span {
  display: inline-block;
  position: relative;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .app-dropdown-menu {
  top: 40px;
  font-size: inherit;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .app-dropdown-menu.dropdown-menu {
  background-color: transparent;
  border: none;
  box-shadow: none;
  width: 100%;
  position: absolute;
  top: 49px;
  margin-top: 1rem;
  padding: 0px;
  left: 0px;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .app-dropdown-menu .dropdown-menu-content {
  background-color: #ffffff;
  border: 1px solid #dde3e8;
  box-shadow: none;
}
.app-header-submenus .nav-multiclient .multiclient-desktop .app-dropdown-menu .arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  margin-left: 80%;
}
.app-header-submenus .nav-multiclient .multiclient-text {
  padding: 0 16px;
}
.app-header-submenus .nav-multiclient .multiclient-text .multiclient-label {
  color: #ffffff;
  position: relative;
  min-width: 80px;
  display: flex;
  height: 68px;
  align-items: center;
}
.app-header-submenus .nav-multiclient .multiclient-text .multiclient-label span {
  padding: 5px 5px 11px 5px;
}
.app-header-submenus .nav-multiclient .multiclient-text .multiclient-label span > span {
  color: #ffffff;
}
.app-header-submenus .nav-multiclient .multiclient-text .multiclient-label:hover,
.app-header-submenus .nav-multiclient .multiclient-text .multiclient-label:focus-visible {
  color: #4BCD3E;
  height: 100%;
}
.app-header-submenus .nav-multiclient .multiclient-text .multiclient-label:hover:after,
.app-header-submenus .nav-multiclient .multiclient-text .multiclient-label:focus-visible:after {
  content: '';
  height: 4px;
  display: block;
  position: absolute;
  background-color: #4BCD3E;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  top: 49px;
  color: #4BCD3E;
}
.app-header-submenus .nav-multiclient .dropdown-menu-content {
  width: 300px;
  color: #000000;
  text-align: center;
  float: right;
  margin: 0px;
}
.app-header-locale {
  display: inline-flex;
}
.app-header-locale .nav-locale-mobile,
.app-header-locale .nav-locale {
  padding-left: 25px;
  position: relative;
  color: #00406e;
}
.app-header-locale .nav-locale-mobile .locale-desktop,
.app-header-locale .nav-locale .locale-desktop {
  display: block;
  border-left: 1px solid #ffffff;
  height: 14px;
}
@media (max-width: 1199px) {
  .app-header-locale .nav-locale-mobile .locale-desktop,
  .app-header-locale .nav-locale .locale-desktop {
    display: none;
  }
}
.app-header-locale .nav-locale-mobile .locale-desktop .dropdown-menu.show,
.app-header-locale .nav-locale .locale-desktop .dropdown-menu.show {
  border-radius: 0px;
  margin-left: 20px;
  padding: 12px 6px;
}
.app-header-locale .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content,
.app-header-locale .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content {
  padding: 35px;
  width: max-content;
  margin-top: 1rem;
  box-shadow: 0 2px 10px 0 #5E74824D;
}
.app-header-locale .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content p,
.app-header-locale .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content p {
  color: #1D1F48;
  font-style: normal;
  font-size: 20px;
  font-family: Roobert Medium, sans-serif;
  padding-bottom: 10px;
}
.app-header-locale .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection,
.app-header-locale .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection {
  text-align: left;
}
.app-header-locale .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection div,
.app-header-locale .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection div {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #000000;
  padding: 10px 0px;
}
.app-header-locale .nav-locale-mobile .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection .active,
.app-header-locale .nav-locale .locale-desktop .dropdown-menu.show .dropdown-menu-content .locale-selection .active {
  color: #0278B6;
  padding-bottom: 6px;
  border-bottom: 4px solid #0278B6;
  width: fit-content;
}
.app-header-locale .nav-locale-mobile .locale-desktop .location-label span,
.app-header-locale .nav-locale .locale-desktop .location-label span {
  padding: 5px 15px 11px 18px;
}
.app-header-locale .nav-locale-mobile .locale-mobile,
.app-header-locale .nav-locale .locale-mobile {
  display: none;
  margin-top: 10px;
  padding: 5px 5px 10px 5px;
  background-color: #ffffff;
}
.app-header-locale .nav-locale-mobile .locale-mobile > div,
.app-header-locale .nav-locale .locale-mobile > div {
  height: 40px;
}
.app-header-locale .nav-locale-mobile .locale-mobile a:hover,
.app-header-locale .nav-locale .locale-mobile a:hover {
  background-color: #ffffff;
}
.app-header-locale .nav-locale-mobile .locale-globe,
.app-header-locale .nav-locale .locale-globe {
  float: left;
  margin-top: 5px;
}
.app-header-locale .nav-locale-mobile .locale-globe .globe-icon,
.app-header-locale .nav-locale .locale-globe .globe-icon {
  height: 25px;
}
.app-header-locale .nav-locale-mobile .locale-globe .globe-icon .st1,
.app-header-locale .nav-locale .locale-globe .globe-icon .st1 {
  fill: none;
  stroke: #00406e;
  stroke-width: 40;
  stroke-miterlimit: 10;
}
.app-header-locale .nav-locale-mobile .locale-text,
.app-header-locale .nav-locale .locale-text {
  float: left;
  padding-top: 2px;
}
.app-header-locale .nav-locale-mobile .locale-text .location-label,
.app-header-locale .nav-locale .locale-text .location-label {
  color: #ffffff;
  position: relative;
  min-width: 80px;
}
.app-header-locale .nav-locale-mobile .locale-text .location-label span svg,
.app-header-locale .nav-locale .locale-text .location-label span svg {
  margin-left: 8px;
}
.app-header-locale .nav-locale-mobile .locale-text .location-label:focus,
.app-header-locale .nav-locale .locale-text .location-label:focus,
.app-header-locale .nav-locale-mobile .locale-text .location-label:hover,
.app-header-locale .nav-locale .locale-text .location-label:hover,
.app-header-locale .nav-locale-mobile .locale-text .location-label:active,
.app-header-locale .nav-locale .locale-text .location-label:active {
  color: #4BCD3E;
}
.app-header-locale .nav-locale-mobile .locale-text .location-value,
.app-header-locale .nav-locale .locale-text .location-value {
  color: #9ea5af;
}
.app-header-locale .nav-locale-mobile .locale-toggle:hover,
.app-header-locale .nav-locale .locale-toggle:hover {
  border: solid 1px #57c9e8;
}
.app-header-locale .nav-locale-mobile .locale-toggle:hover .toggle-label span,
.app-header-locale .nav-locale .locale-toggle:hover .toggle-label span {
  color: #57c9e8;
}
.app-header-locale .nav-locale-mobile .locale-border,
.app-header-locale .nav-locale .locale-border {
  border-left: 2px solid #ecedef;
  height: 30px;
  width: 1px;
  padding-right: 10px;
}
.app-header-locale .nav-locale-mobile .dropdown-menu-content,
.app-header-locale .nav-locale .dropdown-menu-content {
  width: 250px;
  color: #000000;
  text-align: center;
  float: right;
  margin: 0 10px;
}
.app-header-locale .nav-locale-mobile .dropdown-menu-content .menu-label,
.app-header-locale .nav-locale .dropdown-menu-content .menu-label {
  margin-bottom: 5px;
}
.app-header-locale .nav-locale-mobile .locale-toggle,
.app-header-locale .nav-locale .locale-toggle {
  position: relative;
  box-shadow: inset 0 7px 10px -7px #888, inset -7px 0 10px -7px #888;
  border-radius: 20px;
  border: solid 1px #f2f4f6;
  height: 25px;
  font-size: 12px;
}
.app-header-locale .nav-locale-mobile .locale-toggle .toggle-label,
.app-header-locale .nav-locale .locale-toggle .toggle-label {
  color: #1D1F48;
  text-align: center;
}
.app-header-locale .nav-locale-mobile .locale-toggle .toggle-label > div,
.app-header-locale .nav-locale .locale-toggle .toggle-label > div {
  position: absolute;
  top: 0px;
  bottom: 0px;
  border-radius: 20px;
  padding-top: 3px;
}
.app-header-locale .nav-locale-mobile .locale-toggle .toggle-label > div:nth-child(1),
.app-header-locale .nav-locale .locale-toggle .toggle-label > div:nth-child(1) {
  left: 0px;
}
.app-header-locale .nav-locale-mobile .locale-toggle .toggle-label > div:nth-child(2),
.app-header-locale .nav-locale .locale-toggle .toggle-label > div:nth-child(2) {
  right: 0px;
}
.app-header-locale .nav-locale-mobile .locale-toggle .toggle-label > div.active,
.app-header-locale .nav-locale .locale-toggle .toggle-label > div.active {
  width: 53%;
  background-color: #1D1F48;
  color: #ffffff;
}
.app-header-locale .nav-locale-mobile .locale-toggle .toggle-label > div:not(.active),
.app-header-locale .nav-locale .locale-toggle .toggle-label > div:not(.active) {
  width: 50%;
}
.app-header-locale .nav-locale-mobile .locale-toggle .toggle-label > div:not(.active):nth-child(1),
.app-header-locale .nav-locale .locale-toggle .toggle-label > div:not(.active):nth-child(1) {
  padding-right: 5px;
}
.app-header-locale .nav-locale-mobile .locale-toggle .toggle-label > div:not(.active):nth-child(2),
.app-header-locale .nav-locale .locale-toggle .toggle-label > div:not(.active):nth-child(2) {
  padding-left: 5px;
}
.app-header-locale .nav-locale {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: Roobert, sans-serif;
  padding-top: 6px;
}
.app-header-locale .nav-locale .locale-text {
  padding-top: 0px;
  margin-top: -2px;
}
.app-nav-container {
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
}
.app-nav-container .mobile-menu-view {
  display: none;
  padding-right: 0px;
  padding-left: 0px;
}
.app-nav-container .nav-location-trigger .fa-chevron-down,
.app-nav-container .nav-location-trigger .fa-chevron-up {
  color: #4BCD3E;
}
.app-nav-container .nav-username {
  text-transform: capitalize;
}
.app-nav-container .nav-username:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.app-nav-container .nav > li > a,
.app-nav-container .nav > li > span {
  color: #ffffff;
  font-weight: 400;
}
.app-nav-container .nav > li .a {
  height: 22px;
}
.app-nav-container .nav > li > span {
  position: relative;
  display: block;
}
.app-nav-container .nav > li > a:hover,
.app-nav-container .nav > li > a:focus {
  background-color: transparent;
}
.app-nav-container .nav > li.nav-active a {
  color: #ffffff;
  border-radius: 0px;
}
.app-nav-container .nav > li.nav-active a:hover,
.app-nav-container .nav > li.nav-active a:focus {
  color: #4BCD3E;
}
.app-nav-container .nav > li.nav-active .nav-apiproducts a {
  vertical-align: middle;
  color: #5E7482;
  font-size: 14px;
  font-weight: 400;
}
.app-nav-container .nav > li.nav-active .nav-apiproducts a:focus,
.app-nav-container .nav > li.nav-active .nav-apiproducts a:hover,
.app-nav-container .nav > li.nav-active .nav-apiproducts a:active {
  color: #0278B6 !important;
}
.app-nav-container .nav > li.nav-inactive a,
.app-nav-container .nav > li.nav-login a {
  color: #ffffff;
  transition: color 200ms;
}
.app-nav-container .nav > li.nav-inactive a.login-action,
.app-nav-container .nav > li.nav-login a.login-action {
  color: #000000;
}
.app-nav-container .nav > li.nav-inactive a:hover,
.app-nav-container .nav > li.nav-login a:hover,
.app-nav-container .nav > li.nav-inactive a:focus,
.app-nav-container .nav > li.nav-login a:focus {
  color: #4BCD3E;
}
.app-nav-container .nav > li.nav-inactive a:active,
.app-nav-container .nav > li.nav-login a:active {
  outline: none;
}
.app-nav-container .nav > li.nav-inactive .navapi-mobile,
.app-nav-container .nav > li.nav-login .navapi-mobile {
  color: #5E7482;
  font-weight: normal;
}
.app-nav-container .nav > li.nav-inactive .nav-apiproducts a,
.app-nav-container .nav > li.nav-login .nav-apiproducts a {
  vertical-align: middle;
  color: #5a5f62;
  font-size: 14px;
  position: absolute;
  left: 63.12%;
  right: 22.22%;
  top: 2.76%;
  bottom: 96.6%;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.app-nav-container .nav > li.nav-inactive .nav-apiproducts a:focus,
.app-nav-container .nav > li.nav-login .nav-apiproducts a:focus,
.app-nav-container .nav > li.nav-inactive .nav-apiproducts a:hover,
.app-nav-container .nav > li.nav-login .nav-apiproducts a:hover,
.app-nav-container .nav > li.nav-inactive .nav-apiproducts a:active,
.app-nav-container .nav > li.nav-login .nav-apiproducts a:active {
  color: #0278B6 !important;
}
.app-nav-container .nav-login {
  display: flex;
  align-items: center;
  height: 68px;
  margin-left: 10px;
}
.app-nav-container .nav-login > a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 16px;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
}
.app-nav-container .nav-login > a:focus {
  background-color: transparent;
}
.app-nav-container .nav-login > a:hover:after {
  content: '';
  height: 4px;
  display: block;
  position: absolute;
  background-color: #4BCD3E;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
}
.app-nav-container .nav-login:has(.dropdown-menu.show) > a:after {
  content: '';
  height: 4px;
  display: block;
  position: absolute;
  background-color: #4BCD3E;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
}
.app-nav-container .nav-login.nav-login--button:hover {
  color: inherit;
}
.app-nav-container .nav-login.nav-login--button:hover:after {
  content: none;
}
.app-nav-container .nav-login.nav-login--button .button-container {
  display: inline-flex;
}
.app-nav-container .nav-login .dropdown-toggle,
.app-nav-container .mobile-nav-login .dropdown-toggle {
  background-color: transparent;
}
.app-nav-container .nav-login .dropdown-menu > li > a,
.app-nav-container .mobile-nav-login .dropdown-menu > li > a {
  color: #ffffff;
}
.app-nav-container .nav-login .dropdown-menu > li > a:focus,
.app-nav-container .mobile-nav-login .dropdown-menu > li > a:focus {
  background-color: #00406e;
}
.app-nav-container .mobile-menu {
  float: right;
  display: flex;
  gap: 12px;
}
.app-nav-container .mobile-nav-btn {
  display: none;
}
.app-nav-container .mobile-nav-btn a {
  font-size: 16px;
  margin-top: 0px;
}
.app-nav-container .mobile-nav-btn .mobile-bars {
  height: 22px;
  width: 22px;
}
.app-nav-container .mobile-nav-btn .mobile-bars.fa-times-circle {
  width: 30px;
  color: #0278B6;
  background: linear-gradient(#ffffff, #ffffff) center / 60% 60% no-repeat;
}
.app-nav-container .mobile-nav-btn .mobile-bars.fa-times {
  border-radius: 8px;
  background: #000000;
  display: flex;
  color: #4BCD3E;
}
.app-nav-container .mobile-nav-login {
  display: none;
}
.app-nav-container .mobile-nav-login > a {
  padding: 0px;
}
.app-nav-container .mobile-nav-login .sign-out {
  color: #ffffff;
}
.app-nav-container .mobile-nav-login .fa-times-circle {
  font-size: 32px;
  color: #0278B6;
  background: linear-gradient(#ffffff, #ffffff) center / 60% 60% no-repeat;
}
.app-nav-container .main-menu .right-nav {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 16px;
}
.app-nav-container .main-menu .locale-mobile:hover {
  background-color: #ffffff;
}
.app-nav-container .main-menu .search {
  color: #ffffff;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 0 15px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
}
.app-nav-container .main-menu .search svg.fa-search {
  width: 22px;
  height: 22px;
}
.app-nav-container .main-menu .search:focus,
.app-nav-container .main-menu .search:hover {
  background: transparent;
  color: var(--Icon-Active, #4BCD3E);
  outline: none;
  box-shadow: none;
}
.app-nav-container .main-menu .search .search-label {
  color: #ffffff;
  margin-left: 10px;
}
.app-nav-container .main-menu .navapi-desktop.my-app:hover {
  border-bottom: none;
}
.app-nav-container .main-menu .navapi-desktop .support-sub-menu {
  width: 200px;
  left: 47rem;
  margin-top: 0.5rem;
  transform-origin: top center;
}
@media (max-width: 1400px) {
  .app-nav-container .main-menu .navapi-desktop .support-sub-menu {
    left: 46.1rem;
  }
}
.app-nav-container .main-menu .navapi-desktop .support-sub-menu .dropdown-menu-content {
  padding: 20px;
  width: max-content;
}
.app-nav-container .main-menu .navapi-desktop .support-sub-menu .dropdown-menu-content .support-sub-menu-content > section > button {
  display: flex;
  width: fit-content;
  padding: 10px 0rem;
  border: none;
  text-align: left;
  background: transparent;
  column-gap: 5px;
}
.app-nav-container .main-menu .navapi-desktop .support-sub-menu .dropdown-menu-content .support-sub-menu-content > section > button:focus,
.app-nav-container .main-menu .navapi-desktop .support-sub-menu .dropdown-menu-content .support-sub-menu-content > section > button:hover,
.app-nav-container .main-menu .navapi-desktop .support-sub-menu .dropdown-menu-content .support-sub-menu-content > section > button:active {
  background: #f0f4f6;
  font-weight: 600;
}
.app-nav-container .main-menu .navapi-desktop .support-sub-menu .dropdown-menu-content .support-sub-menu-content > section > button > p {
  line-height: 0px;
  font-weight: normal;
  font-size: 16px;
  font-style: normal;
  color: #5a5f62;
  margin: 10px 0 10px 0px;
}
.app-nav-container .main-menu .navapi-desktop .support-sub-menu .dropdown-menu-content .support-sub-menu-content > section > button > p > a {
  line-height: 0px;
  margin: 10px 0 10px 0px;
  color: #00406e;
  font-style: normal;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
}
.app-nav-container .main-menu .navapi-desktop .support-sub-menu .dropdown-menu-content .support-sub-menu-content > section > button .support-icons {
  height: 22px;
  display: flex;
}
@keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.app-nav-container .main-menu #support-menu.active {
  border-bottom: 4px solid #4BCD3E;
}
.app-nav-container .main-menu #support-menu.active #support-api-menu.active {
  color: #4BCD3E;
}
.app-nav-container .main-menu #sitemap-nav.active {
  border-bottom: 4px solid #4BCD3E;
}
.app-nav-container .main-menu #sitemap-nav.active .nav-menu.active {
  color: #4BCD3E;
}
.app-nav-container .searchModal {
  min-width: unset;
}
.app-nav-container .searchBarHome {
  margin-top: 40px;
}
.app-nav-container .searchContent {
  height: 203px;
  width: 100vw;
}
.app-nav-container .searchBarHome input {
  border: none;
  background-color: transparent;
  resize: none;
  outline: none;
  box-shadow: 0 0 0 #000000;
  border-bottom: 1px solid #dde3e8;
  border-radius: unset;
  width: 1240px;
  margin-left: 100px;
}
.app-nav-container .app-dropdown-menu {
  top: 40px;
  font-size: inherit;
  transform-origin: top center;
}
.app-nav-container .app-dropdown-menu.dropdown-menu {
  background-color: transparent;
  border: none;
  box-shadow: none;
  width: 100%;
  position: fixed;
  margin-top: 1rem;
}
.app-nav-container .app-dropdown-menu .dropdown-menu-content {
  background-color: #ffffff;
  border-radius: 0px;
  background-clip: padding-box;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.app-nav-container .app-dropdown-menu .arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  margin-left: 80%;
}
@keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.app-nav-container .nav-login {
  font-family: Roobert, sans-serif;
}
.app-nav-container .nav-login .app-dropdown-menu {
  position: absolute;
  margin-top: 1rem;
}
.app-nav-container .nav-login .app-dropdown-menu .dropdown-menu-content {
  padding: 30px;
  width: max-content;
  min-width: 231px;
  border: 1px solid #dde3e8;
  border-top: 0px;
  position: absolute;
  top: 10px;
  right: 0;
}
.app-nav-container .nav-login .app-dropdown-menu .dropdown-menu-content > div {
  display: flex;
  align-items: center;
}
.app-nav-container .nav-login .app-dropdown-menu .dropdown-menu-content > div:hover a {
  color: #000000;
}
.app-nav-container .nav-login .app-dropdown-menu .dropdown-menu-content > div:hover a:after {
  display: block;
}
.app-nav-container .nav-login .app-dropdown-menu .dropdown-menu-content > div svg {
  background-color: #323436;
  color: #ffffff;
  width: 44px;
  height: 44px;
  padding: 11px;
  border-radius: 6px;
  margin-right: 20px;
}
.app-nav-container .nav-login .app-dropdown-menu .dropdown-menu-content > div a {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  color: #000000;
  position: relative;
}
.app-nav-container .nav-login .app-dropdown-menu .dropdown-menu-content > div a:after {
  content: '';
  width: 100%;
  height: 2px;
  display: none;
  position: absolute;
  background-color: #323436;
  bottom: -5px;
}
.app-nav-container .nav-login .app-dropdown-menu .dropdown-menu-content > div.login-action {
  padding: 0px;
}
.app-nav-container .nav-login .app-dropdown-menu .dropdown-menu-content > div.login-action a {
  font-family: Roobert Medium, sans-serif;
}
.app-nav-container .nav-login .app-dropdown-menu .dropdown-menu-content > div.login-action button {
  text-decoration: none;
  padding: 0px 0px 15px 0px;
}
.app-nav-container .nav-login .app-dropdown-menu .dropdown-menu-content > div.login-action button span {
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 5px;
}
.app-nav-container .nav-login .app-dropdown-menu .dropdown-menu-content > div.login-action button span:hover {
  border-bottom: #000000 2px solid;
}
.app-nav-container .nav-login .app-dropdown-menu div {
  padding: 10px 0px;
}
.app-nav-container .nav-login .app-dropdown-menu .login-user {
  font-family: Roobert Medium, sans-serif;
  padding-bottom: 10px;
  padding-top: 0px;
  margin-bottom: 10px;
  font-style: normal;
  font-size: 16px;
  color: #000000;
}
.app-nav-container .nav-login .app-dropdown-menu .login-user .app-user-initials {
  width: 42px;
  height: 42px;
  background-color: #000000;
  color: #ffffff;
  border-radius: 100px;
  text-align: center;
  align-content: center;
  font-size: 16px;
}
.app-nav-container .nav-login .app-dropdown-menu .login-user .login-user-details {
  padding: 0px;
}
.app-nav-container .nav-login .app-dropdown-menu .login-user .login-user-details div {
  padding: 0px 20px;
}
.app-nav-container .nav-login .app-dropdown-menu .login-user .login-user-details .login-user-name {
  font-family: Roobert Medium, sans-serif;
}
.app-nav-container .nav-login .app-dropdown-menu .login-user .login-user-details .login-user-username {
  font-family: Roobert Light, sans-serif;
  color: #000000;
}
.app-nav-container .nav-login .app-dropdown-menu .login-action {
  font-weight: normal;
  font-size: 14px;
}
.app-nav-container .navbar-display {
  display: flex;
  align-items: center;
}
.app-nav-container .nav-api {
  font-family: Roobert, sans-serif;
  padding-left: 12px;
  position: static;
}
.app-nav-container .nav-api .dropdown-menu-content {
  font-size: inherit;
  max-height: 400px;
  overflow-y: auto;
  display: flex;
  white-space: nowrap;
}
.app-nav-container .nav-api .dropdown-menu-content a:focus,
.app-nav-container .nav-api .dropdown-menu-content a:hover,
.app-nav-container .nav-api .dropdown-menu-content a:active {
  color: #395FF0;
}
.app-nav-container .nav-api .navapi-desktop > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  font-family: Roobert, sans-serif;
  font-size: 15px;
  font-style: normal;
}
.app-nav-container .nav-api .navapi-desktop.open .dropdown-toggle {
  color: #4BCD3E;
  background-color: #2C3337;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu {
  position: absolute;
  width: 100%;
  height: 390px;
  left: 0px;
  top: 5px;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(94, 116, 130, 0.3);
  border-radius: 0px 0px 2px 2px;
  overflow-x: hidden;
  overflow-y: scroll;
  background-image: url(/images/vector-60b72d4bb582ef8b9aa6de19dd25c31c.svg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right bottom;
  transform-origin: top center;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height {
  height: 390px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height #sitemap-batch-configurator-items {
  width: 145px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height .submenu-width {
  width: 200px;
  border: none;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height .submenu-width section {
  padding: 3px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height .submenu-width section button {
  padding: 10px 3.5rem;
  display: block;
  width: fit-content;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height .submenu-border {
  border-right: 1px solid #dde3e8;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height #sitemap-menu-guides-batch-config {
  width: 880px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height #sitemap-menu-guides-batch-config .vector {
  left: 57.9rem;
}
@media (max-width: 1400px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height #sitemap-menu-guides-batch-config .vector {
    left: 31.4rem;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height #sitemap-menu-support-batch-config {
  width: 880px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height #sitemap-menu-support-batch-config .vector {
  left: 57.9rem;
}
@media (max-width: 1400px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height #sitemap-menu-support-batch-config .vector {
    left: 31.4rem;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height .submenu-products-width {
  width: 825px;
  left: 17% !important;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height .submenu-products-width section {
  padding: 3px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height .submenu-products-width section button {
  display: block;
  width: fit-content;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height .submenu-products-width section button p {
  margin: 0px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height .submenu-products-width section button p a {
  padding: 20px 3.5rem;
  display: block;
  color: #5a5f62;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height .submenu-products-width section button p a:focus,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height .submenu-products-width section button p a:hover,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-height .submenu-products-width section button p a:active {
  color: #323436;
  font-weight: 600;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight {
  padding-top: 3.4%;
  position: relative;
  width: 90%;
  height: 390px;
  border-left: 0;
  border-right: 1px solid #dde3e8;
  border-radius: 4px;
  left: 17%;
  padding-bottom: 3.4%;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .vector {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  left: 67rem;
  width: 300px;
  height: 182px;
  top: 229px;
}
@media (max-width: 1400px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .vector {
    left: 43.9rem;
    top: 231px;
  }
}
@media (max-width: 1199px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .vector {
    left: 27rem;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .left-adjust-submenu {
  left: 73rem;
}
@media (max-width: 1400px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .left-adjust-submenu {
    left: 45rem;
  }
}
@media (max-width: 1199px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .left-adjust-submenu {
    left: 25rem;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .left-adjust-products {
  left: 52.4rem;
}
@media (max-width: 1400px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .left-adjust-products {
    left: 26.1rem;
  }
}
@media (max-width: 1199px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .left-adjust-products {
    left: 11rem;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight div {
  padding: 15px;
  display: block;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight div > p {
  color: #323436;
  font-weight: 600;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight div div > p {
  color: #00406e;
  font-style: normal;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  line-height: 22px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight div div > span {
  color: #00406e;
  font-style: normal;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  line-height: 22px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight div div > a {
  color: #00406e;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight section {
  padding: 3px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight section .subHeading {
  line-height: 1px;
  font-weight: normal;
  font-size: 16px;
  font-style: normal;
  color: #5a5f62;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight section .subHeading > p > a {
  color: #5a5f62;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .spotlight-title {
  cursor: default;
  font-family: Roobert Medium, sans-serif;
  line-height: 20px;
  font-size: 16px;
  color: #5E7482;
  position: absolute;
  width: 184px;
  height: 20px;
  left: 10%;
  top: 10%;
  font-style: normal;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .spotlight-subtitle {
  cursor: default;
  font-family: Roobert, sans-serif;
  line-height: 20px;
  font-size: 16px;
  color: #323436;
  position: absolute;
  width: 184px;
  height: 20px;
  left: 23%;
  top: 10%;
  font-style: normal;
}
@media (max-width: 1199px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .spotlight-subtitle {
    left: 30% !important;
  }
}
@media (max-width: 1400px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .spotlight-subtitle {
    left: 26%;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .spotlight-pipe {
  position: absolute;
  left: 21%;
  top: 10%;
  border-radius: 10px;
}
@media (max-width: 1400px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .spotlight-pipe {
    left: 24%;
  }
}
@media (max-width: 1199px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .spotlight-pipe {
    left: 27.5%;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .spotlight-name {
  position: absolute;
  width: 325px;
  height: 30px;
  left: 10%;
  top: 20%;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  color: #00406e;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .spotlight-desc {
  color: #5E7482;
  position: absolute;
  width: 499px;
  height: 120px;
  left: 10%;
  top: 30%;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .spotlight-button {
  position: absolute;
  left: 10%;
  right: 11%;
  top: 30rem;
  bottom: 35%;
  background: #395FF0;
  border-radius: 2px;
  text-transform: unset;
  width: 115px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .product-button {
  position: absolute;
  left: 2%;
  right: 11%;
  top: 55%;
  bottom: 36%;
  background: #395FF0;
  border-radius: 2px;
  text-transform: unset;
  width: 115px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .product-button:focus,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .product-button:hover,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .product-button:active {
  background: #395FF0;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items-spotlight .product-button > a {
  color: #ffffff;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items {
  padding-top: 1.9%;
  position: relative;
  width: 90%;
  height: auto;
  border-left: 0;
  border-right: 1px solid #dde3e8;
  border-radius: 4px;
  left: 16%;
  padding-bottom: 2.4%;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .vector {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  left: 67rem;
  width: 300px;
  height: 182px;
  top: 229px;
}
@media (max-width: 1400px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .vector {
    left: 44rem;
    top: 231px;
  }
}
@media (max-width: 1199px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .vector {
    left: 27rem;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .left-adjust-submenu {
  left: 74.2rem;
}
@media (max-width: 1400px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .left-adjust-submenu {
    left: 46rem;
  }
}
@media (max-width: 1199px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .left-adjust-submenu {
    left: 25rem;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .left-adjust-products {
  left: 52.4rem;
}
@media (max-width: 1400px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .left-adjust-products {
    left: 26.1rem;
  }
}
@media (max-width: 1199px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .left-adjust-products {
    left: 11rem;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items button {
  padding: 0px;
  display: block;
  border: none;
  text-align: left;
  background: transparent;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items button:hover,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items button.active {
  background: #f0f4f6;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items button:hover > p,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items button.active > p {
  color: #323436;
  font-weight: 600;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items button button:hover,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items button button.active {
  background: #f0f4f6;
  border-radius: 2px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items button button > p {
  color: #00406e;
  font-style: normal;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  line-height: 22px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items button button > p:hover,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items button button > p.active {
  background: #f0f4f6;
  border-radius: 2px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items button button > span {
  color: #00406e;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items button button > a {
  color: #00406e;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items section {
  padding: 3px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items section .subHeading {
  line-height: 1px;
  font-weight: normal;
  font-size: 16px;
  font-style: normal;
  color: #5a5f62;
  margin: 10px 0 10px 0px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items section .subHeading > p > a {
  color: #5a5f62;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .spotlight-title {
  cursor: default;
  font-family: Roobert Medium, sans-serif;
  line-height: 20px;
  font-size: 16px;
  color: #5E7482;
  position: absolute;
  width: 184px;
  height: 20px;
  left: 10%;
  top: 10%;
  font-style: normal;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .spotlight-subtitle {
  cursor: default;
  font-family: Roobert, sans-serif;
  line-height: 20px;
  font-size: 16px;
  color: #323436;
  position: absolute;
  width: 184px;
  height: 20px;
  left: 26%;
  top: 10%;
  font-style: normal;
}
@media (max-width: 1199px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .spotlight-subtitle {
    left: 30%;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .spotlight-pipe {
  position: absolute;
  left: 23%;
  top: 10%;
  border-radius: 10px;
}
@media (max-width: 1199px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .spotlight-pipe {
    left: 26.5%;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .spotlight-name {
  position: absolute;
  width: 325px;
  height: 30px;
  left: 10%;
  top: 20%;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  color: #00406e;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .spotlight-desc {
  color: #5E7482;
  position: absolute;
  width: 499px;
  height: 120px;
  left: 10%;
  top: 30%;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .spotlight-button {
  position: absolute;
  left: 10%;
  right: 11%;
  top: 36rem;
  bottom: 21%;
  background: #395FF0;
  border-radius: 2px;
  text-transform: unset;
  width: 115px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .product-button {
  position: absolute;
  left: 5%;
  right: 11%;
  top: 87%;
  bottom: 31%;
  background: #395FF0;
  border-radius: 2px;
  text-transform: unset;
  width: 115px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  text-align: center;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .product-button:focus,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .product-button:hover,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .product-button:active {
  background: #395FF0;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .product-button > a {
  color: #ffffff;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items-width {
  width: 450px !important;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items {
  padding-top: 1.5%;
  position: relative;
  width: 600px;
  border-left: 0;
  border-right: 1px solid #dde3e8;
  border-radius: 4px;
  left: 15%;
  height: auto;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items section {
  padding: 10px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items section button {
  padding: 10px 14px;
  width: 382px;
  text-align: left;
  background: transparent;
  border: none;
}
@media (max-width: 1199px) {
  .app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items section button {
    width: 340px;
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items section button:hover,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items section button.active {
  background: #f0f4f6;
  font-weight: 600;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items section button:hover > p,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items section button.active > p {
  color: #323436;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items section button:hover > span,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items section button.active > span {
  color: #5a5f62;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items section button > p {
  color: #00406e;
  font-style: normal;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 8px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items section button > span {
  color: #5a5f62;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  display: block;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemap-items section button .subHeading {
  line-height: 1px;
  padding-left: 20%;
  font-weight: normal;
}
@keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-api {
  display: flex;
  flex: 0.55;
  justify-content: space-between;
  padding: 40px 100px;
  border-right: 1px solid #CACED3;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-api .api-list {
  flex-direction: column;
  padding-left: 0.5vw;
  width: 50%;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-api .api-list:last-child {
  padding-left: 0.5vw;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-api .api-list.api-only {
  width: 100%;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-api .api-list.api-only .api-columns {
  column-count: 2;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-api .api-list > a {
  text-decoration: underline;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #00406e;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-api .api-list > a.text-capitalize:focus,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-api .api-list > a.text-capitalize:hover,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-api .api-list > a.text-capitalize:active {
  border-bottom: 4px solid #0278B6;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-api .api-list .text-capitalize {
  text-decoration: none;
  color: #0278B6;
  font-family: Roobert Medium, sans-serif;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-resource {
  display: flex;
  flex: 1;
  justify-content: space-around;
  padding: 40px 100px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-resource .resource-list {
  display: flex;
  flex: 0.25;
  justify-content: center;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-resource .resource-list:first-child {
  padding-left: 0.5vw;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-resource .resource-list:last-child {
  padding-right: 0.5vw;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-resource .resource-list a {
  vertical-align: middle;
  color: #5E7482;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-resource .resource-list a:focus,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-resource .resource-list a:hover,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-resource .resource-list a:active {
  color: #57c9e8;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .menu-resource .resource-items {
  height: 160px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight {
  display: flex;
  flex-direction: column;
  flex: 0.45;
  padding: 40px 100px;
  white-space: normal;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight .spotlite-item {
  height: 200px;
  padding-right: 0.5vw;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight .spotlite-item .spotlight-title {
  cursor: default;
  font-family: Roobert Medium, sans-serif;
  line-height: 20px;
  font-size: 16px;
  color: #5E7482;
  position: absolute;
  width: 184px;
  height: 20px;
  left: 10%;
  top: 9.76%;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight .spotlite-item .spotlight-subtitle {
  cursor: default;
  font-family: Roobert Medium, sans-serif;
  line-height: 20px;
  font-size: 16px;
  color: #5E7482;
  position: absolute;
  width: 184px;
  height: 20px;
  left: 26%;
  top: 9.76%;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight .spotlite-item .spotlight-pipe {
  position: absolute;
  left: 22%;
  top: 9.76%;
  border-radius: 10px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight .spotlite-item .spotlight-name {
  position: absolute;
  width: 325px;
  height: 30px;
  left: 10%;
  top: 89px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  color: #00406e;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight .spotlite-item .spotlight-desc {
  color: #5E7482;
  position: absolute;
  width: 499px;
  height: 120px;
  left: 50%;
  top: 139px;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight .spotlight-button {
  position: absolute;
  left: 10%;
  right: 11%;
  top: 33rem;
  bottom: 26%;
  background: #395FF0;
  border-radius: 2px;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight > a {
  text-decoration: underline;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #00406e;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight .text-capitalize {
  text-decoration: none;
  color: #395FF0;
  cursor: pointer;
  font-family: Roobert Medium, sans-serif;
}
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight a:focus,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight a:hover,
.app-nav-container .nav-api .navapi-desktop .dropdown-menu .api-spotlight a:active {
  border-bottom: 4px solid #0278B6;
}
.app-nav-container .nav-api .navapi-mobile {
  display: none;
}
.app-nav-container .nav-api .navapi-mobile .open {
  color: #0278B6;
  border-bottom: 4px solid #0278B6;
  padding-bottom: 5px;
}
.app-nav-container .nav-api .icon {
  vertical-align: middle;
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  width: 35px;
}
.app-nav-container .nav-api .nav-openapi {
  color: #57c9e8;
}
.app-nav-container .nav-api .nav-openapi a {
  vertical-align: middle;
  color: #00406e;
}
.app-nav-container .nav-api .nav-apiproducts {
  color: #5a5f62;
  width: 100%;
  height: 200px;
}
.app-nav-container .nav-api .nav-apiproducts div > p {
  color: #00406e;
  font-style: normal;
  font-family: Roobert Medium, sans-serif;
  position: absolute;
  left: 17.36%;
  right: 75.21%;
  top: 9.76%;
  bottom: 96.6%;
  font-size: 16px;
  line-height: 22px;
}
.app-nav-container .nav-api .nav-apiproducts div > span {
  color: #00406e;
  font-style: normal;
  font-family: Roobert, sans-serif;
  position: absolute;
  left: 17.36%;
  right: 61.81%;
  top: 17.52%;
  bottom: 95.19%;
  font-size: 14px;
  line-height: 22px;
}
.app-nav-container .nav-api .nav-apiproducts hr {
  margin-top: 15px;
  margin-bottom: 0px;
  width: 85%;
}
.app-nav-container .nav-api .nav-apiproducts .product-icon {
  height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left center;
}
.app-nav-container .nav-api .nav-apiproducts .product-icon:hover,
.app-nav-container .nav-api .nav-apiproducts .product-icon:focus {
  cursor: pointer;
}
.app-nav-container .nav-api .nav-apiproducts .apiproduct-item {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 12px;
}
.app-nav-container .nav-api .mobile-nav-resources {
  height: 80vh;
  overflow-y: scroll;
}
.app-nav-container .nav-api .mobile-nav-resources .nav-apiproducts {
  height: auto;
  padding-bottom: 35px;
}
.app-nav-container .nav-api .mobile-nav-resources .nav-apiproducts .apiproduct-item {
  padding-bottom: 10px;
}
.app-nav-container .nav-api .navapi-mobile {
  padding-bottom: 25px;
}
.app-nav-container .nav-api .app-header-locale.navapi-mobile > a[aria-expanded="true"] svg.fa-chevron-down {
  display: none;
}
.app-nav-container .nav-api .app-header-locale.navapi-mobile > a[aria-expanded="true"] svg.fa-chevron-up {
  display: inline-block;
}
.app-nav-container .nav-api .app-header-locale.navapi-mobile > a[aria-expanded="false"] svg.fa-chevron-down {
  display: inline-block;
}
.app-nav-container .nav-api .app-header-locale.navapi-mobile > a[aria-expanded="false"] svg.fa-chevron-up {
  display: none;
}
.app-nav-container .nav-api .app-header-locale.navapi-mobile span {
  font-size: 16px;
}
.app-nav-container .nav-api .app-header-locale.navapi-mobile span .fa-map-marker-alt {
  font-size: 13px;
  margin-right: 6px;
  color: #ffffff;
}
.app-nav-container .nav-api .app-header-locale.navapi-mobile span .fa-chevron-down {
  font-size: 13px;
  margin-left: 6px;
}
.app-nav-container .nav-api .app-header-locale.navapi-mobile.text-capitalize .home {
  width: 85%;
}
.app-nav-container .nav-api .app-header-locale.navapi-mobile.text-capitalize .home span {
  font-size: 18px;
}
.app-nav-container .nav-api .app-header-locale.navapi-mobile.text-capitalize a {
  color: #5E7482;
}
.app-nav-container .nav-resource .dropdown-menu-content {
  font-size: inherit;
  max-height: 400px;
  overflow-y: auto;
  display: flex;
  white-space: nowrap;
}
.app-nav-container .nav-help .dropdown-menu-content {
  max-width: 160px;
  margin-left: 50px;
}
.app-nav-container .nav-help .dropdown-menu-content .nav-faqs a,
.app-nav-container .nav-help .dropdown-menu-content .nav-contactus a {
  color: #1D1F48;
}
.app-nav-container .nav-help .navhelp-desktop > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #00406e;
}
.app-nav-container .nav-help .navhelp-desktop .nav-contactus {
  padding-top: 10px;
}
.app-nav-container .nav-help .navhelp-desktop .dropdown-menu {
  right: -35%;
}
.app-nav-container .nav-help .navhelp-mobile > a {
  position: relative;
  display: block;
  padding: 5px 0px;
  color: #00406e;
}
.app-nav-container .nav-help .navhelp-mobile div.navhelp-mobile-faqs {
  padding-bottom: 5px;
}
.app-nav-container .nav-help .navhelp-mobile div.navhelp-mobile-contactus {
  padding-top: 5px;
}
.darkenBackdrop {
  background: transparent;
  padding-left: unset;
}
#searchFilterdropdown-options- {
  display: none;
}
.app-nav-container .main-menu .search .fa-times {
  background: #000000;
  display: flex;
  width: 42px;
  height: 54px;
  padding: 0 10px 0 10px;
  color: #4BCD3E;
}
.partialSearch {
  height: 1vh;
  min-width: 100vw;
}
.partialSearch #SEARCH {
  display: flex;
}
.partialSearch .input-group {
  padding-bottom: 70px;
}
.app-alert-box-container {
  display: flex;
  justify-content: center;
}
.app-alert-box-container .app-alert-content {
  height: 100%;
}
.app-alert-box-container .appalert-error-message {
  color: #5a5f62;
  font-family: Roobert, sans-serif;
  display: flex;
  margin-left: 20px;
  font-size: 14px;
  float: left;
  margin-top: 10px;
  max-width: 90%;
}
.leftSpan {
  background-color: #DF5660;
  float: left;
  color: #DF5660;
  width: 40px;
  display: inline-block;
  padding: 0px;
  height: 100%;
}
.leftSpan img {
  margin-top: 10px;
}
.rightDiv {
  display: inline-block;
  width: calc(100% - 40px);
  padding: 0px;
  height: 100%;
}
.rightDiv div button {
  color: #000000;
}
.rightDiv div button span {
  background-color: #ffffff;
}
.rightDiv div button .app-alert .alert-dismissible .btn-close {
  opacity: 1;
  background-color: #ffffff;
}
.app-alert {
  background-color: #ffffff;
  position: absolute;
  border: 2px solid #DF5660;
  height: 50px;
  top: 110px;
  padding: 0px;
}
.app-alert > .alert {
  margin-bottom: 0px;
  border-radius: 0px;
  border-width: 0px;
  background-color: #ffffff;
  border: 2px solid #DF5660;
  text-shadow: 0px;
  box-shadow: 0px;
  -webkit-box-shadow: 0px;
  padding: 0px;
}
.app-alert .alert-dismissible {
  background-color: #ffffff;
  border: none;
  text-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 0px;
  height: 100%;
}
.app-alert .alert-dismissible .btn-close {
  right: 18px;
  top: 10px;
  color: #000000;
  opacity: 1 !important;
}
@media (min-width: 480px) {
  .app-alert .alert-dismissible {
    width: 60vw;
  }
}
@media (max-width: 480px) {
  .app-alert .alert-dismissible {
    width: 100%;
  }
}
.app-alert,
.modal-alert {
  text-align: center;
  z-index: 1200;
  max-height: 500px;
  overflow: hidden;
  background-color: #ffffff;
  position: absolute;
  border: 2px solid #DF5660;
  height: 50px;
  top: 0px;
  padding: 0px;
}
.app-alert .alert-dismissible,
.modal-alert .alert-dismissible {
  background-color: #ffffff;
  border: none;
  text-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 0px;
  height: 100%;
  transition: max-height 0.8s linear;
}
@media (min-width: 480px) {
  .app-alert .alert-dismissible,
  .modal-alert .alert-dismissible {
    width: 60vw;
  }
}
.app-alert .alert-dismissible .close,
.modal-alert .alert-dismissible .close {
  right: 18px;
  top: 10px;
  color: #5E7482;
  opacity: 1 !important;
}
.app-alert .alert-dismissible.closed,
.modal-alert .alert-dismissible.closed {
  max-height: 0;
  height: 0;
}
.app-alert .alert-dismissible.closed button,
.modal-alert .alert-dismissible.closed button {
  display: none;
}
.ajax-loading {
  z-index: 1201;
}
.ajax-loading .modal-dialog,
.ajax-loading .modal-content,
.ajax-loading .modal-body {
  background: transparent;
  color: #ffffff;
  box-shadow: none;
  border: none;
}
.ajax-loading.modal {
  text-align: center;
  padding: 0 !important;
}
.ajax-loading.modal:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
}
.ajax-loading .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.ajax-loading i {
  font-size: 4em;
}
.ajax-overlay {
  z-index: 1201;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
}
.ajax-overlay .modal-body {
  z-index: 1201;
}
.ajax-overlay i {
  font-size: 2em;
  color: #ffffff;
}
.content-padding {
  padding-right: 200px;
  padding-left: 160px;
}
.my-application .content-padding,
.events-applications-container .content-padding {
  padding-left: 10%;
}
.common-header-underlay {
  position: relative;
}
.common-header-underlay div.banner {
  padding-top: 140px;
  padding-bottom: 80px;
}
.banner-wrapper .banner {
  height: 240px;
  padding: 100px 10% 0 10%;
  background-image: url(/images/gradient-rect-ce100898e18608155943434eb0153529.svg);
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  font-weight: 400;
}
.banner-wrapper .banner .header-title {
  position: relative;
  padding-bottom: 10px;
}
.banner-wrapper .banner .header-text {
  font-size: 20px;
  font-family: Roobert, sans-serif;
}
.banner-wrapper .banner .icon-watermark {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #57c9e8;
  font-size: 15em;
}
.banner-wrapper .banner .icon-watermark.large {
  font-size: 15em;
  position: relative;
  z-index: 0;
  top: -50px;
}
.banner-wrapper .banner .header {
  margin-bottom: 40px;
}
.banner-wrapper .banner .vertical-spacer {
  height: 40px;
  width: 100%;
}
.banner-wrapper .wedge {
  border-top-width: 100px;
  border-left-width: 0px;
  border-right-width: 100vw;
  border-color: transparent #ffffff transparent #ffffff;
  border-style: solid;
  position: relative;
  bottom: 100px;
}
.content-panel .icon {
  color: #395FF0;
  font-size: 50px;
  margin-bottom: 15px;
  position: relative;
  right: 4px;
}
.content-panel .level1 {
  font-size: 18px;
  font-weight: 600;
  color: #395FF0;
}
.content-panel .level2 {
  margin-bottom: 20px;
  color: #5a5f62;
  font-weight: 600;
  font-size: 18px;
}
.content-panel .level3 {
  color: #5a5f62;
  height: 165px;
}
.content-panel .level4 {
  color: #5a5f62;
  height: 100px;
}
.section-header {
  font-weight: 300;
  font-size: 30px;
  margin-bottom: 30px;
  color: #00406e;
}
.common-error-container {
  text-align: center;
  padding-top: 100px;
}
.common-error-container img {
  padding-top: 50px;
  padding-bottom: 100px;
  max-width: 90%;
}
.common-error {
  text-align: center;
  min-height: 510px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.common-error .title {
  margin-bottom: 20px;
  max-width: 500px;
  color: #323436;
  font-family: Roobert Bold, sans-serif;
}
.common-error .message {
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
  max-width: 500px;
  color: #000000;
}
.common-error .message p {
  margin-bottom: 0px;
}
.common-error .large-btn {
  width: 200px;
}
.modal-footer {
  border: 0px;
}
.sign-out {
  padding-top: 10px;
}
.modal-header {
  border: 0px;
  background-color: transparent;
}
.modal-header h4.modal-title {
  font-family: Roobert Bold, sans-serif;
  font-size: 24px;
  color: #00406e;
}
.modal-desc {
  font-family: Roobert, sans-serif;
  font-size: 14px;
  color: #5E7482;
}
.center-text {
  text-align: center;
  margin-right: 25px;
}
.enumModal h4.modal-title {
  color: #00406e;
  font-family: Roobert Bold, sans-serif;
}
.help-block {
  font-size: 14px;
  color: #5E7482;
}
.error-block.help-block {
  font-family: Roobert SemiBold, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #FF1F3E;
}
@media (min-width: 991px) {
  .edit-profile {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .edit-profile {
    display: inline !important;
  }
}
@keyframes loader-animation {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes loader-animation {
  to {
    -webkit-transform: rotate(1turn);
  }
}
.rbt {
  outline: none;
}
.rbt .rbt-input-main::-ms-clear {
  display: none;
}
.rbt-menu {
  margin-bottom: 2px;
}
.rbt-menu > li a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.rbt-menu > li a:focus {
  outline: none;
}
.rbt-menu-pagination-option {
  text-align: center;
}
.rbt-input-multi {
  cursor: text;
  overflow: hidden;
  position: relative;
  height: auto;
}
.rbt-input-multi input::-moz-placeholder {
  color: #99a0a4;
  opacity: 1;
}
.rbt-input-multi input:-ms-input-placeholder {
  color: #99a0a4;
}
.rbt-input-multi input::-webkit-input-placeholder {
  color: #99a0a4;
}
.rbt-input-multi .rbt-input-wrapper {
  margin-bottom: -4px;
  margin-top: -1px;
  overflow: hidden;
}
.rbt-input-multi .rbt-input-main {
  height: 20px;
  margin: 10px 0 4px;
}
.rbt-input-multi .rbt-input-hint-container {
  display: inline-block;
}
.rbt-input-multi.focus {
  border-color: #57c9e8;
  outline: 0;
}
.rbt-input-multi.form-control[disabled] {
  background-color: #f7f9fb;
  opacity: 1;
}
.rbt-input-multi.input-lg .rbt-input-main {
  height: 24px;
}
.rbt-input-multi.form-control-lg .rbt-input-main {
  height: 24px;
}
.rbt-input-multi.input-sm .rbt-input-main {
  height: 18px;
}
.rbt-input-multi.form-control-sm .rbt-input-main {
  height: 18px;
}
.rbt-close {
  z-index: 1;
  color: #ffffff;
}
.rbt-close:hover {
  color: #ffffff;
}
.rbt-close-lg {
  font-size: 24px;
}
.rbt-token {
  background-color: #F6F2EC;
  border: 0;
  border-radius: 2px;
  color: #395FF0;
  display: inline-block;
  line-height: 1em;
  margin: 0 3px 3px 0;
  padding: 4px 7px;
  position: relative;
}
.rbt-token .rbt-token-remove-button {
  bottom: 0;
  color: inherit;
  font-size: inherit;
  font-weight: normal;
  opacity: 1;
  outline: none;
  padding: 3px 7px;
  position: absolute;
  right: 0;
  text-shadow: none;
  top: -2px;
}
.rbt-token-disabled {
  background-color: #e5e5e5;
  color: #9ea5af;
  pointer-events: none;
}
.rbt-token-removeable {
  cursor: pointer;
  padding-right: 21px;
}
.rbt-token-active {
  background-color: #395FF0;
  color: #ffffff;
  outline: none;
  text-decoration: none;
}
.rbt-loader {
  -webkit-animation: loader-animation 600ms infinite linear;
  -o-animation: loader-animation 600ms infinite linear;
  animation: loader-animation 600ms infinite linear;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  border-top-color: #395FF0;
  display: block;
  height: 16px;
  width: 16px;
}
.rbt-loader-lg {
  height: 20px;
  width: 20px;
}
.rbt-aux {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  bottom: 0;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
}
.rbt-aux .rbt-close {
  margin-bottom: -15px;
  pointer-events: auto;
}
.rbt-aux-lg {
  width: 46px;
}
.has-aux .rbt-input {
  padding-right: 34px;
}
.rbt-highlight-text {
  background-color: inherit;
  color: #3F64F2;
  font-weight: bold;
  padding: 0;
}
.input-group > .rbt {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.input-group > .rbt .rbt-input-hint-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.input-group > .rbt .rbt-aux {
  z-index: 5;
}
.input-group > .rbt .rbt-input-hint {
  z-index: 5;
}
.input-group > .rbt:not(:first-child) .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .rbt:not(:last-child) .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.has-error {
  font-family: Roobert Bold, sans-serif;
  font-size: 12px;
}
.has-error .rbt-input-multi.focus {
  border-color: #f34235;
}
.has-warning .rbt-input-multi.focus {
  border-color: #d14600;
}
.has-success .rbt-input-multi.focus {
  border-color: #008549;
}
.carousel .carousel-indicators {
  top: 105%;
  z-index: 1;
}
.carousel .carousel-indicators li {
  width: 8px;
  height: 8px;
  margin: 8px;
  border: 1px solid #00406e;
}
.carousel .carousel-indicators .active {
  background-color: #d14600;
  border: 1px solid #d14600;
}
.carousel .carousel-inner {
  margin-left: 10%;
  width: 80%;
}
.carousel .carousel-inner .landing-product {
  height: 300px;
  color: #00406e;
  border-radius: 5px;
  border: solid 1px #d4dbe1;
  background-color: #ffffff;
  padding: 5% 7% 5% 7%;
  margin-top: 30px;
}
.carousel .carousel-inner .landing-product .product-title {
  color: #00406e;
}
.carousel .carousel-inner .landing-product .product-title i {
  font-size: 50px;
}
.carousel .carousel-inner .landing-product .product-title .title {
  font-family: Roobert Medium, sans-serif;
  margin-top: 10px;
  text-align: left;
}
.carousel .carousel-inner .landing-product .product-desc {
  margin: 4% 0 7% 0;
  height: 50%;
  text-align: left;
}
.carousel .carousel-inner .landing-product .api-links {
  font-family: Roobert Medium, sans-serif;
}
.carousel .carousel-inner .landing-product .api-links .link {
  width: auto;
}
.carousel .carousel-inner .landing-product .api-links .link a {
  text-decoration: none;
}
.carousel .carousel-inner .landing-product .api-links .link a i,
.carousel .carousel-inner .landing-product .api-links .link a svg {
  margin-right: 20px;
}
.carousel .carousel-inner .landing-product .api-links .link.text-right {
  width: 100%;
}
.carousel .carousel-inner .landing-product .api-links .row {
  float: right;
}
.carousel .carousel-inner .landing-product:hover,
.carousel .carousel-inner .landing-product:focus {
  border: solid 1px #98a8b7;
}
.carousel .carousel-inner .landing-product:hover .api-links a,
.carousel .carousel-inner .landing-product:focus .api-links a {
  color: #006b94;
}
.contact-us .content-padding {
  padding-right: 10%;
  padding-left: 10%;
}
.sidebar {
  height: 100vw;
  width: 100vw;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  display: none;
}
.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.sidebar a:hover {
  color: #f1f1f1;
}
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: #ffffff;
  padding: 10px 15px;
  border: none;
}
.openbtn:hover {
  background-color: #444;
}
.ada-overlay {
  position: absolute;
  background-color: #ffffff;
  background-clip: padding-box;
  padding: 2px;
  z-index: 1060;
  max-width: 276px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  line-break: auto;
  word-spacing: normal;
}
.ada-overlay > .arrow,
.ada-overlay > .arrow:after {
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.ada-overlay > .arrow {
  border-width: 8px;
}
.ada-overlay.left > .arrow {
  border-left-color: #ffffff;
  border-right-width: 0;
  margin-top: -8px;
  right: -8px;
  top: 50%;
}
.ada-overlay.top > .arrow {
  left: 50%;
  margin-left: -8px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
  bottom: -8px;
}
.ada-overlay.bottom > .arrow {
  border-bottom-color: #ffffff;
  border-top-width: 0;
  left: 50%;
  margin-left: -8px;
  top: -8px;
}
.ada-overlay.right > .arrow {
  border-left-width: 0;
  border-right-color: #ffffff;
  left: -8px;
  margin-top: -8px;
  top: 50%;
}
.action-buttons .expand-all {
  font-size: 18px;
}
.action-buttons a {
  color: #5E7482;
  padding: 4px 12px 4px 8px;
  cursor: pointer;
}
.action-buttons a .fa-arrows-alt-v {
  transform: rotate(45deg);
}
.flex-space-between {
  justify-content: space-between;
}
.skip-to-content {
  font-size: 14px;
  line-height: 22px;
  background: #11191F;
  color: #ffffff;
  width: 172px;
  height: 36px;
  min-width: 96px;
  padding: 0 20px;
  gap: 10px;
  border: 2px solid #ffffff;
  border-radius: 18px;
  transition: transform 0.3s;
  top: -50px;
  left: 242px;
  position: absolute;
  opacity: 1;
}
@media (max-width: 1120px) {
  .skip-to-content {
    display: none;
  }
}
.skip-to-content:focus {
  top: 20px;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.4);
  outline: none;
  color: #ffffff;
}
.capitalize {
  text-transform: capitalize;
}
.locale-option-top {
  padding: 10px;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 12px;
}
.locale-option-bottom {
  padding: 10px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 12px;
  margin-top: 3px;
}
.side-nav-container {
  padding-top: 40px;
  padding-bottom: 80px;
  font-family: Roobert, sans-serif;
}
.side-nav-container .icon-box {
  margin-left: 10px;
}
.side-nav-container.TSYS_OPEN_API .icon-box {
  background-color: #692C8F;
  color: #ffffff;
}
.side-nav-container.AUTH_PLUGIN .icon-box {
  background-color: #D196FF;
}
.side-nav {
  background-color: #f7f9fb;
  padding-bottom: 150px;
  overflow-wrap: break-word;
  border-right: 1px solid #dde3e8;
}
.side-nav .side-nav-main-title {
  padding-top: 20px;
}
.side-nav .overviewInfo {
  padding: 0 0 24px 10px;
  height: auto;
  font-family: Roobert Bold, sans-serif;
  color: #000000;
  font-size: 20px;
  line-height: 30px;
  display: block;
  margin-bottom: 6px;
}
.side-nav .overviewInfo a {
  outline: none;
}
.side-nav .overviewInfo:hover,
.side-nav .overviewInfo:focus {
  outline: none;
}
@media (max-width: 991px) {
  .side-nav .overviewInfo {
    padding-left: 10px;
    font-size: 20px;
  }
}
.side-nav .overviewInfo.overview-link {
  font-size: 16px;
}
.side-nav .overviewInfo.overview-heading {
  color: #323436;
  font-size: 20px;
}
.side-nav i {
  height: 24px;
  width: 24px;
  padding-right: 10px;
}
.side-nav .nav-list-items {
  padding-top: 20px;
}
.side-nav .nav-stacked > li + li {
  margin-top: 0;
}
.side-nav .navmenu-segment {
  height: 100%;
  min-height: 34px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  display: block;
  color: #000000;
  font-family: Roobert Bold, sans-serif;
  padding: 6px 10px;
  margin-bottom: 6px;
}
@media (max-width: 991px) {
  .side-nav .navmenu-segment {
    margin: 0px;
    font-size: 16px;
  }
}
.side-nav .navmenu-segment.first-segment {
  margin-top: 0px;
}
.side-nav .navmenu-segment:hover,
.side-nav .navmenu-segment:focus {
  cursor: pointer;
  outline: none;
  border-radius: 6px ;
}
.side-nav a.navmenu-segment.segment-selected,
.side-nav button.navmenu-segment.segment-selected {
  color: #048A81;
  background-color: #E8F0FE;
}
.side-nav a.navmenu-segment.segment-selected:focus,
.side-nav button.navmenu-segment.segment-selected:focus,
.side-nav a.navmenu-segment.segment-selected:active,
.side-nav button.navmenu-segment.segment-selected:active {
  color: #048A81;
  background-color: #E8F0FE;
}
.side-nav .navmenu-operations .nav-stacked > li + li {
  margin-top: 6px;
}
.side-nav .navmenu-operations .navmenu-api {
  display: flex;
  color: #000000;
  padding: 6px 10px;
  row-gap: 6px;
  line-height: 24px;
}
.side-nav .navmenu-operations .navmenu-api:hover,
.side-nav .navmenu-operations .navmenu-api:focus {
  cursor: pointer;
  outline: none;
  border-radius: 6px;
  background-color: #F2F4F5;
}
.side-nav .navmenu-operations .navmenu-api.api-selected {
  color: #048A81;
  border-radius: 6px;
  background-color: #E8F0FE;
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
}
@media (max-width: 991px) {
  .side-nav .navmenu-operations {
    padding-bottom: 6px;
  }
}
.side-nav .side-nav-container.INTERNAL_DOC .navmenu-operations .navmenu-api {
  display: block;
}
.side-nav .side-nav-container.INTERNAL_DOC .nav button {
  width: 260px;
}
.side-nav.side-nav-col {
  letter-spacing: normal;
  vertical-align: top;
  min-height: 100%;
  width: 290px;
  padding: 0 20px;
  position: relative;
  left: 0px;
  top: 0px;
  bottom: 0px;
  transition: left 0.5s;
}
.side-nav.side-nav-col .hide-sidenav {
  display: none;
}
@media (min-width: 992px) {
  .side-nav.side-nav-col .side-show-nav {
    display: none;
  }
}
.side-nav.side-nav-col.open .hide-sidenav {
  display: block;
  position: absolute;
  right: 0px;
  top: 45px;
}
.side-nav.side-nav-col.open .hide-sidenav button {
  color: #5E7482;
  text-decoration: none;
}
@media (min-width: 992px) {
  .side-nav.side-nav-col.open .hide-sidenav {
    display: none;
  }
}
.side-nav.side-nav-col.open .side-show-nav {
  left: 0px;
  display: none;
}
.side-nav .side-show-nav {
  position: absolute;
  top: -21px;
  width: 100%;
  height: 60px;
  font-size: 24px;
  display: block;
  z-index: 2;
  left: 290px;
  background-color: #ffffff;
  padding-top: 14px;
}
.side-nav .side-show-nav .ui-action-link.btn.btn-link {
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
  text-decoration: none;
  color: #395FF0;
}
.side-nav .side-show-nav .ui-action-link.btn.btn-link:focus,
.side-nav .side-show-nav .ui-action-link.btn.btn-link :active {
  box-shadow: none;
}
.side-nav .side-show-nav .ui-action-link.btn.btn-link:focus-visible {
  outline: 2px solid #395FF0;
}
.side-nav .side-show-nav .ui-action-link.btn.btn-link > span i {
  margin-right: 6px;
}
.side-nav .nav button {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  text-align: left;
}
.side-nav .nav button:hover {
  background-color: #eeeeee;
}
.side-nav .nav .nav-list-items .navmenu-segment .sys-solid-fa-pub-sub {
  font-size: 18px;
}
.floating-show-nav {
  position: fixed;
  top: 68px;
  left: 0%;
  transition: none;
}
.nav-item.open .app-nav-dropdown-menu {
  display: block;
}
.app-nav-dropdown-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: 78px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  padding: 40px;
  border: 1px solid #dde3e8;
  border-top: 0px;
  display: none;
  box-shadow: 0px 4px 20px -5px rgba(94, 116, 130, 0.4);
}
.app-nav-dropdown-menu a.sitemap-menu-spotlight-container.disabled {
  pointer-events: none;
}
.app-nav-dropdown-menu .header {
  font-weight: 600;
  font-size: 20px;
  color: #323436;
  line-height: 32px;
  font-family: Roobert, sans-serif;
}
.app-nav-dropdown-menu .subHeader {
  font-size: 16px;
  line-height: 28px;
  margin: 0px;
  color: #5E7482;
  font-family: Roobert, sans-serif;
}
@media (min-width: 2160px) {
  .app-nav-dropdown-menu {
    box-shadow: 5px 4px 25px 5px #5e748266;
  }
}
@media (max-width: 1199px) {
  .app-nav-dropdown-menu {
    padding: 21px 40px 30px 18px;
  }
}
.app-nav-dropdown-menu.grid-columns-1 {
  min-width: 447px;
}
.app-nav-dropdown-menu.grid-columns-1 .dropdown-links {
  grid-template-columns: repeat(1, 1fr);
}
@media (max-width: 768px) {
  .app-nav-dropdown-menu.grid-columns-1 .dropdown-links {
    grid-template-columns: repeat(1, 1fr);
  }
}
.app-nav-dropdown-menu.grid-columns-2 {
  min-width: 768px;
}
.app-nav-dropdown-menu.grid-columns-2 .dropdown-links {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .app-nav-dropdown-menu.grid-columns-2 .dropdown-links {
    grid-template-columns: repeat(1, 1fr);
  }
}
.app-nav-dropdown-menu.grid-columns-3 {
  min-width: 1154px;
}
.app-nav-dropdown-menu.grid-columns-3 .dropdown-links {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
  .app-nav-dropdown-menu.grid-columns-3 .dropdown-links {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 1400px) {
  .app-nav-dropdown-menu.grid-columns-3 {
    left: calc(0px - (145px + ((1440px - 100vw) / 2)) - 37px);
  }
}
.app-nav-dropdown-menu.grid-columns-0 {
  min-width: 447px;
}
.app-nav-dropdown-menu.narrow {
  min-width: 776px;
}
.app-nav-dropdown-menu.narrow .dropdown-menu-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 34px;
}
.app-nav-dropdown-menu.narrow .dropdown-menu-links .link-collection {
  margin-top: 0px;
}
.app-nav-dropdown-menu .link-collection .link-doc-collection:not(:first-child) {
  margin-top: 40px;
}
.app-nav-dropdown-menu .link-collection .link-doc-collection .link-category-label {
  margin-bottom: 30px;
  color: #5a5f62;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}
.app-nav-dropdown-menu .dropdown-links {
  display: grid;
  gap: 60px;
  row-gap: 34px;
}
@media (max-width: 1199px) {
  .app-nav-dropdown-menu .dropdown-links {
    row-gap: 22px;
  }
}
.app-nav-dropdown-menu .link-doc-collection {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
.app-nav-dropdown-menu .link-doc-collection .dropdown-links {
  grid-template-columns: repeat(1, 1fr);
  row-gap: 34px;
}
@media (max-width: 1199px) {
  .app-nav-dropdown-menu .link-doc-collection .dropdown-links {
    row-gap: 22px;
  }
}
.app-nav-dropdown-menu .link-doc-collection .link-category-label {
  margin-bottom: 30px;
  color: #5a5f62;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}
.app-nav-dropdown-menu .dropdown-cta {
  top: 25px;
  display: flex;
  justify-content: center;
  padding: 50px 0px 10px 0px;
  text-align: center;
}
.app-nav-dropdown-menu .dropdown-cta > * {
  cursor: pointer;
  color: #048A81;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.app-nav-dropdown-menu .dropdown-cta span {
  display: inline-block;
  margin-right: 8px;
  transition-duration: 400ms;
}
.app-nav-dropdown-menu .dropdown-cta span:hover {
  margin-right: 15px;
}
.app-nav-dropdown-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.app-nav-dropdown-item:hover .content .title:after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
}
.app-nav-dropdown-item.active .image {
  background-color: #4BCD3E;
}
.app-nav-dropdown-item.active .content .title:after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
}
.app-nav-dropdown-item .image {
  background-color: #692C8F;
  color: #ffffff;
  width: 44px;
  height: 44px;
  padding: 11px;
  border-radius: 6px;
  flex-shrink: 0;
}
.app-nav-dropdown-item .content {
  margin-left: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.app-nav-dropdown-item .content span {
  display: inline-block;
}
.app-nav-dropdown-item .content .title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  font-style: normal;
  position: relative;
  margin: 0px;
}
.app-nav-dropdown-item .content .title:after {
  background-color: #692C8F;
}
.app-nav-dropdown-item .content .description {
  font-size: 14px;
  margin-top: 4px;
  color: #000000;
  line-height: 22px;
  font-style: normal;
  font-weight: 400;
}
.app-nav-dropdown-item.events-applications-header .image {
  background-color: #dde3e8;
  color: #323436;
}
.app-nav-dropdown-item.visibility {
  display: none;
}
.app-content .app-nav-dropdown-item.active .image {
  background-color: #4BCD3E;
}
.app-content .app-nav-dropdown-item.active .content .title {
  color: #4BCD3E;
}
.app-content .app-nav-dropdown-item.active .content .title:after {
  background-color: #4BCD3E;
}
.dropdown-menu-spotlight {
  margin: 40px -40px -40px -40px;
  padding: 30px 40px;
  background-color: #f7f9fb;
  border-top: 1px solid #dde3e8;
  border-radius: 0px 0px 10px 10px;
  cursor: pointer;
}
.dropdown-menu-spotlight .spotlight-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dropdown-menu-spotlight .spotlight-item .spotlight-title {
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}
.dropdown-menu-spotlight .spotlight-item .spotlight-label {
  margin-left: 12px;
  display: inline-block;
  padding: 4px 10px;
  color: #ffffff;
  background-color: #048A81;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
}
.dropdown-menu-spotlight .spotlight-item .spotlight-name {
  margin-top: 15px;
  font-size: 18px;
  color: #000000;
  position: relative;
  font-weight: 600;
}
.dropdown-menu-spotlight .spotlight-item .spotlight-desc {
  margin-top: 10px;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
}
.dropdown-menu-spotlight .spotlight-item .spotlight-desc ul {
  padding: 0px;
  list-style-type: none;
}
.dropdown-menu-spotlight:hover .spotlight-item .spotlight-name {
  color: #323436;
}
.dropdown-menu-spotlight:hover .spotlight-item .spotlight-name:after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  background-color: #323436;
}
.dropdown-menu-spotlight.TSYS_OPEN_API .spotlight-label {
  color: #ffffff;
  background-color: #048A81;
}
.dropdown-menu-spotlight.SOLUTIONS .spotlight-label {
  color: #ffffff;
  background-color: #048A81;
}
.dropdown-menu-spotlight.DATA_SUBSCRIPTION .spotlight-label {
  color: #ffffff;
  background-color: #048A81;
}
.dropdown-menu-spotlight.COMING_SOON .spotlight-label {
  color: #ffffff;
  background-color: #048A81;
}
li.nav-item {
  position: relative;
  font-family: Roobert Medium, sans-serif;
  height: 68px;
  display: flex;
  align-items: center;
}
li.nav-item a:not(.sitemap-menu-spotlight-container) {
  position: relative;
  display: flex;
  align-items: center;
  font-family: Roobert Medium, sans-serif;
  padding: 20px 16px;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
}
li.nav-item a:not(.sitemap-menu-spotlight-container).dropdown-toggle::after {
  border: none;
}
li.nav-item a:not(.sitemap-menu-spotlight-container):hover {
  color: #ffffff;
  height: 100%;
}
li.nav-item a:not(.sitemap-menu-spotlight-container):hover:after {
  content: '';
  height: 4px;
  display: block;
  position: absolute;
  background-color: #4BCD3E;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
}
li.nav-item.active a:not(.sitemap-menu-spotlight-container) {
  color: #ffffff;
  height: 100%;
}
li.nav-item.active a:not(.sitemap-menu-spotlight-container):after {
  content: '';
  height: 4px;
  display: block;
  position: absolute;
  background-color: #4BCD3E;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
}
li.nav-item.active a:not(.sitemap-menu-spotlight-container).dropdown-cta:after {
  display: none;
}
li.nav-item.open a:not(.sitemap-menu-spotlight-container) {
  background-color: initial;
  border-color: initial;
}
li.nav-item .fa-chevron-down,
li.nav-item .fa-chevron-up {
  display: none;
}
li.nav-item .sys-solid-fa-arrow-right-diagonal {
  font-size: 16px;
  color: #048A81;
  padding-left: 10px;
}
@media (max-width: 1199px) {
  li.nav-item > a[aria-expanded="true"] .fa-chevron-down {
    display: none;
  }
  li.nav-item > a[aria-expanded="true"] .fa-chevron-up {
    display: inline-block;
    position: absolute;
    right: 18px;
  }
  li.nav-item > a .fa-chevron-down {
    display: inline-block;
    position: absolute;
    right: 18px;
  }
  li.nav-item > a .fa-chevron-up {
    display: none;
  }
}
.common-header {
  overflow: hidden;
  min-height: 196px;
  background-color: #f7f9fb;
  background-position: center center;
  background-size: cover;
  color: #000000;
  padding-left: 7.28%;
  padding-right: 7.28%;
  border-width: 2px;
  border-bottom-width: 1px;
  border-bottom-color: #dde3e8;
  border-bottom-style: solid;
}
.common-header.side-nav-padding {
  padding-left: calc(4% + 20px);
  padding-right: calc(4% + 20px);
}
.common-header.header-show-overflow {
  overflow: unset;
  overflow-y: visible;
}
.common-header.header-show-overflow .header-text-second h1 {
  margin-top: 20px;
}
.common-header .header-text-second .header-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.common-header .header-text-second .header-title-row h1 {
  margin: 0;
}
.common-header .header-text-second .header-title-row .header-title-adornment {
  display: inline-flex;
  align-items: center;
}
.common-header.multilevel .common-header-content {
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}
.common-header.with-tabs .common-header-content {
  padding-top: 54px;
}
.common-header.with-tabs .common-header-content .event-app-title {
  align-items: center;
}
.common-header.with-tabs .common-header-content .event-app-title .header-text-second h1 {
  padding-bottom: 20px;
}
.common-header.with-tabs .common-header-content .event-app-title .header-text-second span {
  color: #000000;
}
.common-header.with-tabs .common-header-content .event-app-status-bundle {
  padding-bottom: 0;
}
.common-header .common-header-content {
  display: flex;
  align-items: center;
  padding: 54px 0 58px 0;
}
.common-header .common-header-content.with-icon-header-image img,
.common-header .common-header-content.with-icon-header-image svg,
.common-header .common-header-content.with-icon-header-image i {
  margin-right: 50px;
}
.common-header .common-header-content .common-header-breadcrumbs {
  margin-bottom: 14px;
  margin-top: 40px;
  font-family: Roobert, sans-serif;
}
.common-header .common-header-content .common-header-breadcrumbs .crumb.clickable {
  cursor: pointer;
}
.common-header .common-header-content .common-header-breadcrumbs .crumb.last-crumb {
  font-family: Roobert Medium, sans-serif;
}
.common-header .common-header-content .common-header-breadcrumbs .crumb button {
  font-size: 16px;
  color: #323436;
  text-decoration: none;
}
.common-header .common-header-content .common-header-breadcrumbs .crumb button:focus {
  outline: 1px solid #3F64F2;
}
.common-header .common-header-content .common-header-breadcrumbs .crumb button:focus:not(:focus-visible) {
  outline: none;
}
.common-header .common-header-content .common-header-breadcrumbs .crumb button:focus-visible {
  outline: 1px solid #3F64F2;
}
.common-header .common-header-content .common-header-breadcrumbs .crumb button:disabled {
  opacity: 1;
}
@media (max-width: 991px) {
  .common-header .common-header-content .common-header-breadcrumbs .crumb button {
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: auto;
  }
}
.common-header .common-header-content .common-header-breadcrumbs .crumb .breadcrumb-divider {
  display: inline-block;
  color: #5a5f62;
  cursor: default;
}
.common-header .common-header-content .header-icon {
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  font-size: 80px;
}
.common-header .common-header-content .header-text h1 {
  font-size: 32px;
  font-family: Roobert, sans-serif;
  line-height: 48px;
}
@media (max-width: 480px) {
  .common-header .common-header-content .header-text h1 {
    font-size: 22px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .common-header .common-header-content .header-text h1 {
    margin-top: 0px;
  }
}
.common-header .common-header-content .header-text span {
  color: #000000;
  position: relative;
  display: block;
  padding-top: 10px;
  font-size: 18px;
}
@media (max-width: 480px) {
  .common-header .common-header-content .header-text span {
    font-size: 16px;
  }
}
.common-header .common-header-content .header-text #btn-show-response {
  padding-left: 0;
  text-decoration: none;
}
.common-header .common-header-content .header-text #btn-show-response span {
  font-size: 16px;
  text-decoration: none;
  font-family: Roobert Medium, sans-serif;
  color: #395FF0;
}
.common-header .common-header-content .header-text #btn-show-response span:hover {
  text-decoration: underline;
}
.common-header .common-header-content .header-text #btn-show-response span i {
  color: #395FF0;
  padding-left: 2px;
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
}
.common-header .common-header-content .header-text-second h1 {
  font-family: Roobert Bold, sans-serif;
  font-size: 36px;
  line-height: 48px;
}
.common-header .common-header-content .event-app-status-bundle {
  padding-bottom: 50px;
  margin-top: 36px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .common-header .common-header-content .event-app-status-bundle {
    display: block;
  }
}
.common-header .common-header-content .event-app-status-bundle .event-app-data {
  display: inline-block;
  min-width: 150px;
  padding-right: 50px;
  padding-bottom: 20px;
}
.common-header .common-header-content .event-app-status-bundle .event-app-data .app-nav-dropdown-item {
  cursor: default;
}
.common-header .common-header-content .event-app-status-bundle .event-app-data .app-nav-dropdown-item .file-icon svg {
  background-color: #dde3e8;
  color: #323436;
  width: 44px;
  height: 44px;
  padding: 11px;
  border-radius: 6px;
  flex-shrink: 0;
  box-sizing: border-box;
}
.common-header .common-header-content .event-app-status-bundle .event-app-data .app-nav-dropdown-item .content .title:after {
  background-color: transparent;
}
.common-header .common-header-content .event-app-status-bundle .event-app-data .title {
  font-family: Roobert Bold, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.common-header .common-header-content .event-app-status-bundle .event-app-data .description {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.common-header .common-header-content .header-watermark {
  font-size: 15em;
  color: #57c9e8;
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  right: 0px;
}
.common-header .common-header-content .content-action-button {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.common-header .common-header-content .content-action-button button.btn-primary {
  padding: 9px 16px 9px 16px;
  font-family: Roobert Bold, sans-serif;
  text-transform: none;
  background-image: none;
}
.common-header .common-header-content .content-action-button button.btn-primary:hover {
  background-color: #1D3282;
  background-image: none;
}
.common-header .common-header-content .content-action-button button.btn-primary:focus {
  background-color: #395FF0;
  background-image: none;
}
.common-header .common-header-content .content-action-button button.btn-primary:active {
  background-color: #11191F;
  background-image: none;
}
.common-header .common-header-content .content-action-button .cluster-disabled-info {
  cursor: pointer;
  color: #395FF0;
  font-size: 16px;
}
.common-header .common-header-content .content-action-button .cluster-disabled-info:focus-visible {
  outline: 2px solid #395FF0;
  outline-offset: 2px;
  border-radius: 50%;
}
.common-header .common-header-content .common-header-button-link {
  padding: 20px 0px 0px 0px;
  text-decoration: none;
  color: #395FF0;
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
  line-height: 22px;
  display: flex;
}
.common-header .common-header-content .common-header-button-link i {
  padding-left: 8px;
}
.common-header .common-header-content .custom-header-dropdowns .select-label {
  font-size: 14px;
  padding-bottom: 8px;
}
.common-header .common-header-content .custom-header-dropdowns .dropdown {
  width: 200px;
}
.common-header .common-header-content .custom-header-dropdowns .dropdown .dropdown-toggle {
  padding: 12px 16px;
}
.normal-common-header-container {
  background-color: #F2F4F5;
  color: #000000;
  padding: 54px 20% 58px;
  border-bottom: 1px solid #dde3e8;
}
.normal-common-header-container.faq-header > .common-header-content {
  display: block;
}
.normal-common-header-container.faq-header > .common-header-content .header-text {
  margin-top: 30px;
}
.normal-common-header-container .theme-icon {
  margin-right: 50px;
  font-size: 38px;
}
.normal-common-header-container .theme-icon.sys-solid-fa-map-marker-alt,
.normal-common-header-container .theme-icon.sys-solid-fa-cloud-chip {
  color: #ffffff;
}
.normal-common-header-container .common-header-content {
  display: flex;
  align-items: center;
}
.normal-common-header-container .common-header-content span {
  font-size: 18px;
  line-height: 29px;
  letter-spacing: 1%;
  color: #000000;
}
.normal-common-header-container .common-header-content .header-text {
  color: #000000;
}
.normal-common-header-container .common-header-content .header-text h1 {
  line-height: 48px;
  font-size: 32px;
  font-family: Roobert Bold, sans-serif;
  margin-bottom: 11px;
  margin-top: 11px;
}
.normal-common-header-container .common-header-content .header-text span {
  font-size: 18px;
  line-height: 29px;
  letter-spacing: 1%;
  color: #000000;
}
@media (max-width: 768px) {
  .events-container .normal-common-header-container,
  .api-container .normal-common-header-container {
    padding: 30px 12px 40px;
  }
  .events-container .normal-common-header-container .theme-icon,
  .api-container .normal-common-header-container .theme-icon {
    margin-bottom: 20px;
    margin-right: 0;
    height: 44px;
    width: 44px;
    font-size: 26px;
    padding: 9px;
  }
  .events-container .normal-common-header-container .common-header-content,
  .api-container .normal-common-header-container .common-header-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .events-container .normal-common-header-container .common-header-content span,
  .api-container .normal-common-header-container .common-header-content span {
    font-size: 16px;
    line-height: 24px;
  }
  .events-container .normal-common-header-container .common-header-content .header-text h1,
  .api-container .normal-common-header-container .common-header-content .header-text h1 {
    font-size: 24px;
    line-height: 31px;
  }
  .events-container .normal-common-header-container .common-header-content .header-text span,
  .api-container .normal-common-header-container .common-header-content .header-text span {
    font-size: 16px;
    line-height: 24px;
  }
  .common-header > .common-header-content {
    display: block;
    padding: 30px 0 40px 0;
  }
  .common-header > .common-header-content .event-app-status-bundle {
    padding-bottom: 40px;
  }
  .common-header > .common-header-content .content-action-button {
    margin-top: 30px;
  }
  .common-header > .common-header-content .event-app-title .content-action-button {
    margin-top: 0;
  }
  .common-header > .common-header-content .header-text-second h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .common-header > .common-header-content.with-icon-header-image i {
    display: inline-block;
    margin-bottom: 20px;
  }
}
@media (max-width: 2160px) {
  .normal-common-header-container {
    padding: 60px 130px 58px;
  }
}
.cluster-disabled-info-modal .modal-dialog {
  max-width: 480px;
}
.cluster-disabled-info-modal .modal-content {
  padding: 30px;
}
.cluster-disabled-info-modal .cluster-disabled-info-body {
  font-family: Roobert, sans-serif;
  font-size: 14px;
  color: #323436;
}
#documentation-submenu {
  position: fixed;
  width: 100%;
  border-bottom: 1px solid #dde3e8;
  background: #ffffff;
  z-index: 4;
  align-items: center;
  padding: 0px 6% 0px 6%;
  height: 68px;
  top: 68px;
}
#documentation-submenu > ul {
  margin: 0px;
  padding: 0px;
  max-height: initial;
  height: 68px;
  display: flex;
  align-items: center;
}
#documentation-submenu > ul li.subnav-mobile-toggle button.ui-action-link {
  font-size: 14px;
  font-family: Roobert, sans-serif;
  color: #000000;
  padding: 16px 20px;
  margin: 0px;
}
@media (max-width: 480px) {
  #documentation-submenu > ul li.subnav-mobile-toggle button.ui-action-link {
    padding-left: 0px;
  }
}
#documentation-submenu > ul li .app-nav-dropdown-menu {
  top: 78px;
}
@media (min-width: 1200px) {
  #documentation-submenu > ul li .app-nav-dropdown-menu.grid-columns-0 {
    left: -240px;
  }
}
#documentation-submenu > ul li .app-nav-dropdown-menu.explore-item {
  padding: 0px;
}
@media (max-width: 1400px) {
  #documentation-submenu > ul li .app-nav-dropdown-menu.explore-item {
    left: calc(0px - (145px + ((1440px - 100vw) / 2)) - 37px);
  }
}
#documentation-submenu > ul li .app-nav-dropdown-menu.grid-columns-1.grid-channel {
  min-width: 500px;
}
#documentation-submenu > ul li .app-nav-dropdown-menu .app-nav-dropdown-item .title {
  font-weight: 400;
}
#documentation-submenu > ul li:first-child a {
  padding-left: 0px;
}
#documentation-submenu > ul li a {
  font-size: 16px;
  padding: 20px 16px;
  margin: 0px;
  color: #000000;
  font-family: Roobert, sans-serif;
}
#documentation-submenu > ul li a:hover {
  color: #000000;
}
#documentation-submenu > ul li a:hover:after {
  background-color: #048A81;
}
#documentation-submenu > ul li.product a {
  font-size: 18px;
  color: #323436;
  font-weight: 600;
}
#documentation-submenu > ul li.active a {
  color: #000000;
}
#documentation-submenu > ul li.active a:after {
  background-color: #048A81;
}
#documentation-submenu > ul li.active a:hover {
  color: #000000;
}
#documentation-submenu > ul li.active a:hover:after {
  background-color: #048A81;
}
@media (min-width: 1199px) {
  #documentation-submenu ul li:first-child {
    flex: 0 0 11em;
  }
  #documentation-submenu ul li.subnav-mobile-toggle {
    display: none;
  }
}
@media (max-width: 1199px) {
  #documentation-submenu > ul {
    justify-content: space-between;
    width: 100%;
  }
  #documentation-submenu > ul > li.nav-item {
    display: none;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle {
    cursor: pointer;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle > a {
    color: #395FF0;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle button.ui-action-link {
    padding-right: 0px;
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle button.ui-action-link:focus,
  #documentation-submenu > ul > li.subnav-mobile-toggle button.ui-action-link:active,
  #documentation-submenu > ul > li.subnav-mobile-toggle button.ui-action-link:focus-visible {
    outline: none;
    box-shadow: none;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle button.ui-action-link > svg {
    margin-left: 5px;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle button.ui-action-link .fa-chevron-down {
    display: inline-block;
    margin-left: 8px;
    color: #048A81;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle button.ui-action-link .close-icon {
    display: none;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle.open button.ui-action-link .subnav-toggle-label {
    display: none;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle.open button.ui-action-link .fa-chevron-down {
    display: none;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle.open button.ui-action-link .close-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    color: #000000;
    background: #ffffff;
    margin-left: 8px;
    margin-top: 2px;
    font-weight: 600;
    -webkit-text-stroke: 1px currentColor;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle.open ul.subnav-mobile-nav-dropdown {
    display: block;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown {
    display: none;
    border-bottom: 1px solid #dde3e8;
    position: absolute;
    left: 0;
    width: 100%;
    top: 53px;
    background-color: #ffffff;
    padding: 0px;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown .nav-item {
    list-style-type: none;
    border-bottom: 1px solid #dde3e8;
    flex-direction: column;
    align-items: stretch;
    height: auto;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown .nav-item a {
    padding: 16px 2px 18px 18px;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown .nav-item a:after {
    margin: 0px 3%;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown .nav-item .app-nav-dropdown-menu {
    position: static;
    box-shadow: none;
    min-width: 0px;
    width: 100%;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown .nav-item.open .app-nav-dropdown-menu {
    display: block;
  }
}
@media (max-width: 375px) {
  .app-container .app-content .nav-header > ul > li.product {
    padding-right: 0px;
  }
  #documentation-submenu > ul > li.subnav-mobile-toggle span.subnav-mobile-close {
    padding-left: 0px;
  }
}
@media (min-width: 1199px) {
  .chevron-up-down-group {
    display: none;
  }
}
@media (min-width: 2160px) {
  .marketplace-header #documentation-submenu > ul li a {
    font-size: 24px;
  }
  #documentation-submenu {
    padding: 0 18%;
  }
}
@media (min-width: 3840px) {
  #documentation-submenu {
    height: 120px;
    padding: 0 18%;
  }
  #documentation-submenu ul {
    gap: 30px;
    margin-top: 25px;
  }
  #documentation-submenu ul li:first-child {
    flex: 0 0 17em;
  }
  #documentation-submenu ul li span {
    font-size: 36px;
  }
  #documentation-submenu ul li a {
    font-size: 36px;
  }
  #documentation-submenu ul li.active a::after {
    margin: -40px 20px;
  }
}
.app-router {
  overflow-x: hidden;
}
a[data-bs-toggle="collapse"]:focus:not(:focus-visible),
a[data-bs-toggle="collapse"]:focus-within:not(:focus-visible),
a[data-bs-toggle="collapse"]:active {
  outline: none;
  box-shadow: none;
  border: none;
}
#responseParamsModalDetails .api-array > div,
#responseParamsModalDetails .api-object > div {
  padding-left: 10px;
}
.api-container,
.auth-plugin-container,
.solutions-container,
.internal-doc-container {
  position: relative;
}
.api-container.subnav-offset,
.auth-plugin-container.subnav-offset,
.solutions-container.subnav-offset,
.internal-doc-container.subnav-offset {
  margin-top: 68px;
}
@media (max-width: 992px) {
  .api-container.subnav-offset.submenu-api,
  .auth-plugin-container.subnav-offset.submenu-api,
  .solutions-container.subnav-offset.submenu-api,
  .internal-doc-container.subnav-offset.submenu-api {
    margin-top: -20px;
  }
  .api-container.subnav-offset.submenu-api #documentation-submenu,
  .auth-plugin-container.subnav-offset.submenu-api #documentation-submenu,
  .solutions-container.subnav-offset.submenu-api #documentation-submenu,
  .internal-doc-container.subnav-offset.submenu-api #documentation-submenu {
    display: none;
  }
}
.api-container .theme-icon,
.auth-plugin-container .theme-icon,
.solutions-container .theme-icon,
.internal-doc-container .theme-icon {
  background: #692C8F;
  padding: 12px;
  border-radius: 6px;
  width: 60px;
  height: 60px;
}
.api-container.events-padding,
.auth-plugin-container.events-padding,
.solutions-container.events-padding,
.internal-doc-container.events-padding {
  padding-top: 50px;
}
@media (max-width: 992px) {
  .api-container.events-padding,
  .auth-plugin-container.events-padding,
  .solutions-container.events-padding,
  .internal-doc-container.events-padding {
    padding-top: 72px;
  }
}
.api-container h1.api-title,
.auth-plugin-container h1.api-title,
.solutions-container h1.api-title,
.internal-doc-container h1.api-title {
  padding-bottom: 30px;
  color: #323436;
  font-family: Roobert Bold, sans-serif;
  font-size: 32px;
  line-height: 48px;
  width: 65%;
  padding-top: 10px;
}
@media (max-width: 992px) {
  .api-container h1.api-title,
  .auth-plugin-container h1.api-title,
  .solutions-container h1.api-title,
  .internal-doc-container h1.api-title {
    font-size: 24px;
    padding: 10px 0px 20px;
    line-height: 31px;
    width: 100%;
  }
}
.api-container h1.api-title.events,
.auth-plugin-container h1.api-title.events,
.solutions-container h1.api-title.events,
.internal-doc-container h1.api-title.events {
  padding-bottom: 10px;
}
.api-container h1.api-authentication-title,
.auth-plugin-container h1.api-authentication-title,
.solutions-container h1.api-authentication-title,
.internal-doc-container h1.api-authentication-title {
  color: #00406e;
  font-family: Roobert Bold, sans-serif;
  font-size: 36px;
}
.api-container h2.api-title,
.auth-plugin-container h2.api-title,
.solutions-container h2.api-title,
.internal-doc-container h2.api-title {
  color: #323436;
  font-family: Roobert Bold, sans-serif;
  font-size: 22px;
  line-height: 31px;
}
@media (max-width: 992px) {
  .api-container h2.api-title,
  .auth-plugin-container h2.api-title,
  .solutions-container h2.api-title,
  .internal-doc-container h2.api-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.api-container h2.api-title-overview,
.auth-plugin-container h2.api-title-overview,
.solutions-container h2.api-title-overview,
.internal-doc-container h2.api-title-overview {
  padding-bottom: 10px;
  font-family: Roobert Bold, sans-serif;
  font-size: 24px;
  color: #323436;
  letter-spacing: 1%;
  line-height: 36px;
}
@media (max-width: 992px) {
  .api-container h2.api-title-overview,
  .auth-plugin-container h2.api-title-overview,
  .solutions-container h2.api-title-overview,
  .internal-doc-container h2.api-title-overview {
    padding-bottom: 14px;
    font-size: 20px;
    line-height: 28px;
  }
}
.api-container h2.implementation-title,
.auth-plugin-container h2.implementation-title,
.solutions-container h2.implementation-title,
.internal-doc-container h2.implementation-title {
  padding-top: 30px;
}
@media (max-width: 992px) {
  .api-container h2.implementation-title,
  .auth-plugin-container h2.implementation-title,
  .solutions-container h2.implementation-title,
  .internal-doc-container h2.implementation-title {
    padding-top: 20px;
    font-size: 18px;
  }
}
.api-container h2.api-title-bold,
.auth-plugin-container h2.api-title-bold,
.solutions-container h2.api-title-bold,
.internal-doc-container h2.api-title-bold {
  color: #00406e;
  font-family: Roobert Bold, sans-serif;
  font-size: 24px;
}
.api-container h2.api-sub-title,
.auth-plugin-container h2.api-sub-title,
.solutions-container h2.api-sub-title,
.internal-doc-container h2.api-sub-title {
  font-family: Roobert Bold, sans-serif;
  font-size: 20px;
}
.api-container h3.api-title,
.auth-plugin-container h3.api-title,
.solutions-container h3.api-title,
.internal-doc-container h3.api-title {
  color: #5a5f62;
  padding-left: 0px;
  font-size: 18px;
  line-height: 29px;
}
.api-container p.api-overview-desc,
.auth-plugin-container p.api-overview-desc,
.solutions-container p.api-overview-desc,
.internal-doc-container p.api-overview-desc,
.api-container div.api-overview-desc,
.auth-plugin-container div.api-overview-desc,
.solutions-container div.api-overview-desc,
.internal-doc-container div.api-overview-desc {
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 25.6px;
  letter-spacing: 1%;
}
.api-container p.api-overview-desc br,
.auth-plugin-container p.api-overview-desc br,
.solutions-container p.api-overview-desc br,
.internal-doc-container p.api-overview-desc br,
.api-container div.api-overview-desc br,
.auth-plugin-container div.api-overview-desc br,
.solutions-container div.api-overview-desc br,
.internal-doc-container div.api-overview-desc br {
  display: none;
}
.api-container p.api-overview-desc li:last-child,
.auth-plugin-container p.api-overview-desc li:last-child,
.solutions-container p.api-overview-desc li:last-child,
.internal-doc-container p.api-overview-desc li:last-child,
.api-container div.api-overview-desc li:last-child,
.auth-plugin-container div.api-overview-desc li:last-child,
.solutions-container div.api-overview-desc li:last-child,
.internal-doc-container div.api-overview-desc li:last-child {
  padding-top: 10px;
}
@media (max-width: 992px) {
  .api-container p.api-overview-desc,
  .auth-plugin-container p.api-overview-desc,
  .solutions-container p.api-overview-desc,
  .internal-doc-container p.api-overview-desc,
  .api-container div.api-overview-desc,
  .auth-plugin-container div.api-overview-desc,
  .solutions-container div.api-overview-desc,
  .internal-doc-container div.api-overview-desc {
    padding-top: 10;
    font-size: 14px;
    line-height: 22.4px;
  }
  .api-container p.api-overview-desc li:nth-child(3n),
  .auth-plugin-container p.api-overview-desc li:nth-child(3n),
  .solutions-container p.api-overview-desc li:nth-child(3n),
  .internal-doc-container p.api-overview-desc li:nth-child(3n),
  .api-container div.api-overview-desc li:nth-child(3n),
  .auth-plugin-container div.api-overview-desc li:nth-child(3n),
  .solutions-container div.api-overview-desc li:nth-child(3n),
  .internal-doc-container div.api-overview-desc li:nth-child(3n) {
    padding-bottom: 20px;
  }
  .api-container p.api-overview-desc li:last-child,
  .auth-plugin-container p.api-overview-desc li:last-child,
  .solutions-container p.api-overview-desc li:last-child,
  .internal-doc-container p.api-overview-desc li:last-child,
  .api-container div.api-overview-desc li:last-child,
  .auth-plugin-container div.api-overview-desc li:last-child,
  .solutions-container div.api-overview-desc li:last-child,
  .internal-doc-container div.api-overview-desc li:last-child {
    padding-top: 10px;
  }
}
@media (max-width: 540px) {
  .api-container p.api-overview-desc br,
  .auth-plugin-container p.api-overview-desc br,
  .solutions-container p.api-overview-desc br,
  .internal-doc-container p.api-overview-desc br,
  .api-container div.api-overview-desc br,
  .auth-plugin-container div.api-overview-desc br,
  .solutions-container div.api-overview-desc br,
  .internal-doc-container div.api-overview-desc br {
    display: block;
  }
}
.api-container .encryption-container .error-limitation-item,
.auth-plugin-container .encryption-container .error-limitation-item,
.solutions-container .encryption-container .error-limitation-item,
.internal-doc-container .encryption-container .error-limitation-item {
  padding: 8px 0;
  font-size: 16px;
  line-height: 25.6px;
}
.api-container .encryption-container .api-overview-title-inline,
.auth-plugin-container .encryption-container .api-overview-title-inline,
.solutions-container .encryption-container .api-overview-title-inline,
.internal-doc-container .encryption-container .api-overview-title-inline {
  color: #323436;
  font-family: Roobert Bold, sans-serif;
  display: inline;
}
.api-container .encryption-container .api-overview-title-inline b,
.auth-plugin-container .encryption-container .api-overview-title-inline b,
.solutions-container .encryption-container .api-overview-title-inline b,
.internal-doc-container .encryption-container .api-overview-title-inline b {
  font-family: Roobert Bold, sans-serif;
}
.api-container .encryption-container .api-overview-desc-inline,
.auth-plugin-container .encryption-container .api-overview-desc-inline,
.solutions-container .encryption-container .api-overview-desc-inline,
.internal-doc-container .encryption-container .api-overview-desc-inline {
  color: #000000;
  font-family: Roobert Medium, sans-serif;
  display: inline;
}
.api-container .encryption-container .api-overview-desc-inline p,
.auth-plugin-container .encryption-container .api-overview-desc-inline p,
.solutions-container .encryption-container .api-overview-desc-inline p,
.internal-doc-container .encryption-container .api-overview-desc-inline p {
  display: inline;
  margin: 0;
}
.api-container .encryption-container p.api-overview-title,
.auth-plugin-container .encryption-container p.api-overview-title,
.solutions-container .encryption-container p.api-overview-title,
.internal-doc-container .encryption-container p.api-overview-title,
.api-container .encryption-container div.api-overview-title,
.auth-plugin-container .encryption-container div.api-overview-title,
.solutions-container .encryption-container div.api-overview-title,
.internal-doc-container .encryption-container div.api-overview-title {
  font-size: 16px;
  line-height: 24px;
  color: #323436;
}
.api-container .encryption-container p.api-overview-title b,
.auth-plugin-container .encryption-container p.api-overview-title b,
.solutions-container .encryption-container p.api-overview-title b,
.internal-doc-container .encryption-container p.api-overview-title b,
.api-container .encryption-container div.api-overview-title b,
.auth-plugin-container .encryption-container div.api-overview-title b,
.solutions-container .encryption-container div.api-overview-title b,
.internal-doc-container .encryption-container div.api-overview-title b {
  font-family: Roobert Bold, sans-serif;
}
.api-container .encryption-container p.api-overview-list,
.auth-plugin-container .encryption-container p.api-overview-list,
.solutions-container .encryption-container p.api-overview-list,
.internal-doc-container .encryption-container p.api-overview-list,
.api-container .encryption-container div.api-overview-list,
.auth-plugin-container .encryption-container div.api-overview-list,
.solutions-container .encryption-container div.api-overview-list,
.internal-doc-container .encryption-container div.api-overview-list {
  padding-left: 20px;
}
.api-container .encryption-container p.api-overview-desc,
.auth-plugin-container .encryption-container p.api-overview-desc,
.solutions-container .encryption-container p.api-overview-desc,
.internal-doc-container .encryption-container p.api-overview-desc,
.api-container .encryption-container div.api-overview-desc,
.auth-plugin-container .encryption-container div.api-overview-desc,
.solutions-container .encryption-container div.api-overview-desc,
.internal-doc-container .encryption-container div.api-overview-desc {
  font-size: 16px;
  line-height: 25.6px;
  letter-spacing: 1%;
}
.api-container .encryption-container p.api-overview-desc div,
.auth-plugin-container .encryption-container p.api-overview-desc div,
.solutions-container .encryption-container p.api-overview-desc div,
.internal-doc-container .encryption-container p.api-overview-desc div,
.api-container .encryption-container div.api-overview-desc div,
.auth-plugin-container .encryption-container div.api-overview-desc div,
.solutions-container .encryption-container div.api-overview-desc div,
.internal-doc-container .encryption-container div.api-overview-desc div {
  background: #f0f4f6;
  color: #5a5f62;
  width: fit-content;
}
.api-container .encryption-container p.api-overview-desc div span,
.auth-plugin-container .encryption-container p.api-overview-desc div span,
.solutions-container .encryption-container p.api-overview-desc div span,
.internal-doc-container .encryption-container p.api-overview-desc div span,
.api-container .encryption-container div.api-overview-desc div span,
.auth-plugin-container .encryption-container div.api-overview-desc div span,
.solutions-container .encryption-container div.api-overview-desc div span,
.internal-doc-container .encryption-container div.api-overview-desc div span {
  background: #f0f4f6;
  font-family: Roobert, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #5a5f62;
  border-radius: 4px;
  padding: 6px 8px 4.5px;
  border: 1px solid #dde3e8;
}
@media (max-width: 768px) {
  .api-container .encryption-container p.api-overview-desc div span,
  .auth-plugin-container .encryption-container p.api-overview-desc div span,
  .solutions-container .encryption-container p.api-overview-desc div span,
  .internal-doc-container .encryption-container p.api-overview-desc div span,
  .api-container .encryption-container div.api-overview-desc div span,
  .auth-plugin-container .encryption-container div.api-overview-desc div span,
  .solutions-container .encryption-container div.api-overview-desc div span,
  .internal-doc-container .encryption-container div.api-overview-desc div span {
    padding: 0px;
    border: 0px;
  }
}
@media (max-width: 768px) {
  .api-container .encryption-container p.api-overview-desc div,
  .auth-plugin-container .encryption-container p.api-overview-desc div,
  .solutions-container .encryption-container p.api-overview-desc div,
  .internal-doc-container .encryption-container p.api-overview-desc div,
  .api-container .encryption-container div.api-overview-desc div,
  .auth-plugin-container .encryption-container div.api-overview-desc div,
  .solutions-container .encryption-container div.api-overview-desc div,
  .internal-doc-container .encryption-container div.api-overview-desc div {
    border: 1px solid #dde3e8;
    padding: 6px 0 4.5px 8px;
    width: 100%;
  }
}
.api-container pre,
.auth-plugin-container pre,
.solutions-container pre,
.internal-doc-container pre {
  font-size: inherit;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: monospace;
  color: #5a5f62;
}
.api-container .content .common-error a,
.auth-plugin-container .content .common-error a,
.solutions-container .content .common-error a,
.internal-doc-container .content .common-error a {
  font-family: Roobert Medium, sans-serif;
}
.api-container .nav-error-icon,
.auth-plugin-container .nav-error-icon,
.solutions-container .nav-error-icon,
.internal-doc-container .nav-error-icon {
  color: #f34235;
  font-size: 18px;
  padding-bottom: 20px;
}
.api-container li .nav-error-icon,
.auth-plugin-container li .nav-error-icon,
.solutions-container li .nav-error-icon,
.internal-doc-container li .nav-error-icon {
  margin-left: 12px;
}
.api-container .deprecated-api-text,
.auth-plugin-container .deprecated-api-text,
.solutions-container .deprecated-api-text,
.internal-doc-container .deprecated-api-text {
  font-size: 16px;
  color: #f34235;
  padding-left: 12px;
  font-family: Roobert Medium, sans-serif;
}
.api-container .deprecated-api-text button,
.auth-plugin-container .deprecated-api-text button,
.solutions-container .deprecated-api-text button,
.internal-doc-container .deprecated-api-text button {
  margin-bottom: 5px;
  text-decoration-color: #f34235;
  padding-left: 8px;
}
.api-container .deprecated-api-text button span,
.auth-plugin-container .deprecated-api-text button span,
.solutions-container .deprecated-api-text button span,
.internal-doc-container .deprecated-api-text button span {
  margin-left: 5px;
  font-size: 16px;
  color: #f34235;
}
.api-container .content-padding,
.auth-plugin-container .content-padding,
.solutions-container .content-padding,
.internal-doc-container .content-padding {
  padding-right: 8%;
  padding-left: 8%;
}
.api-container .api-landing-header,
.auth-plugin-container .api-landing-header,
.solutions-container .api-landing-header,
.internal-doc-container .api-landing-header {
  padding-left: 8%;
}
.api-container .product-header,
.auth-plugin-container .product-header,
.solutions-container .product-header,
.internal-doc-container .product-header {
  z-index: 1;
  position: relative;
}
.api-container .product-header .api-landing-header,
.auth-plugin-container .product-header .api-landing-header,
.solutions-container .product-header .api-landing-header,
.internal-doc-container .product-header .api-landing-header {
  padding-left: 4%;
  padding-top: 50px;
}
.api-container.resources .common-header,
.auth-plugin-container.resources .common-header,
.solutions-container.resources .common-header,
.internal-doc-container.resources .common-header {
  padding-left: 7.28%;
  height: 198px;
}
.api-container.resources .common-header .breadcrumbs,
.auth-plugin-container.resources .common-header .breadcrumbs,
.solutions-container.resources .common-header .breadcrumbs,
.internal-doc-container.resources .common-header .breadcrumbs {
  margin-bottom: 0px;
}
@media (max-width: 480px) {
  .api-container.resources .common-header,
  .auth-plugin-container.resources .common-header,
  .solutions-container.resources .common-header,
  .internal-doc-container.resources .common-header {
    height: 220px;
    align-items: flex-start;
    padding: 0% 3%;
  }
}
@media (max-width: 1199px) {
  .api-container.resources .common-header,
  .auth-plugin-container.resources .common-header,
  .solutions-container.resources .common-header,
  .internal-doc-container.resources .common-header {
    padding: 0% 3%;
  }
}
.api-container.resources .common-header .common-header-content,
.auth-plugin-container.resources .common-header .common-header-content,
.solutions-container.resources .common-header .common-header-content,
.internal-doc-container.resources .common-header .common-header-content {
  position: relative;
  width: 100%;
  padding-left: 50px;
}
@media (max-width: 480px) {
  .api-container.resources .common-header .common-header-content,
  .auth-plugin-container.resources .common-header .common-header-content,
  .solutions-container.resources .common-header .common-header-content,
  .internal-doc-container.resources .common-header .common-header-content {
    padding-left: 0px;
  }
}
.api-container.resources .common-header .common-header-content .header-text,
.auth-plugin-container.resources .common-header .common-header-content .header-text,
.solutions-container.resources .common-header .common-header-content .header-text,
.internal-doc-container.resources .common-header .common-header-content .header-text {
  position: relative;
  transform: none;
}
.api-container.resources .common-header .common-header-content .header-text h1,
.auth-plugin-container.resources .common-header .common-header-content .header-text h1,
.solutions-container.resources .common-header .common-header-content .header-text h1,
.internal-doc-container.resources .common-header .common-header-content .header-text h1 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 6px;
}
@media (max-width: 480px) {
  .api-container.resources .common-header .common-header-content .header-text h1,
  .auth-plugin-container.resources .common-header .common-header-content .header-text h1,
  .solutions-container.resources .common-header .common-header-content .header-text h1,
  .internal-doc-container.resources .common-header .common-header-content .header-text h1 {
    font-size: 24px;
    line-height: 1.1;
  }
}
@media (max-width: 767px) {
  .api-container.resources .common-header .common-header-content .header-text h1,
  .auth-plugin-container.resources .common-header .common-header-content .header-text h1,
  .solutions-container.resources .common-header .common-header-content .header-text h1,
  .internal-doc-container.resources .common-header .common-header-content .header-text h1 {
    margin-top: 0px;
  }
}
.api-container.resources .common-header .common-header-content .header-text span,
.auth-plugin-container.resources .common-header .common-header-content .header-text span,
.solutions-container.resources .common-header .common-header-content .header-text span,
.internal-doc-container.resources .common-header .common-header-content .header-text span {
  color: #000000;
  top: 6px;
  position: relative;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 480px) {
  .api-container.resources .common-header .common-header-content .header-text span,
  .auth-plugin-container.resources .common-header .common-header-content .header-text span,
  .solutions-container.resources .common-header .common-header-content .header-text span,
  .internal-doc-container.resources .common-header .common-header-content .header-text span {
    font-size: 16px;
  }
}
.api-container.resources .common-header-api-content,
.auth-plugin-container.resources .common-header-api-content,
.solutions-container.resources .common-header-api-content,
.internal-doc-container.resources .common-header-api-content {
  position: relative;
  width: 100%;
  padding-left: 50px;
}
@media (max-width: 480px) {
  .api-container.resources .common-header-api-content,
  .auth-plugin-container.resources .common-header-api-content,
  .solutions-container.resources .common-header-api-content,
  .internal-doc-container.resources .common-header-api-content {
    padding-left: 0px;
    padding-top: 90px;
  }
}
.api-container.resources .common-header-api-content .header-text h1,
.auth-plugin-container.resources .common-header-api-content .header-text h1,
.solutions-container.resources .common-header-api-content .header-text h1,
.internal-doc-container.resources .common-header-api-content .header-text h1 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 6px;
}
@media (max-width: 480px) {
  .api-container.resources .common-header-api-content .header-text h1,
  .auth-plugin-container.resources .common-header-api-content .header-text h1,
  .solutions-container.resources .common-header-api-content .header-text h1,
  .internal-doc-container.resources .common-header-api-content .header-text h1 {
    font-size: 22px;
  }
}
.api-container.resources .common-header-api-content .header-text span,
.auth-plugin-container.resources .common-header-api-content .header-text span,
.solutions-container.resources .common-header-api-content .header-text span,
.internal-doc-container.resources .common-header-api-content .header-text span {
  color: #000000;
  top: 6px;
  position: relative;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 480px) {
  .api-container.resources .common-header-api-content .header-text span,
  .auth-plugin-container.resources .common-header-api-content .header-text span,
  .solutions-container.resources .common-header-api-content .header-text span,
  .internal-doc-container.resources .common-header-api-content .header-text span {
    font-size: 16px;
  }
}
.api-container.resources .header-api-icon,
.auth-plugin-container.resources .header-api-icon,
.solutions-container.resources .header-api-icon,
.internal-doc-container.resources .header-api-icon {
  background-color: #692C8F;
  color: #ffffff;
  width: 60px;
  height: 60px;
  padding: 13px;
  border-radius: 6px;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .api-container.resources .header-api-icon,
  .auth-plugin-container.resources .header-api-icon,
  .solutions-container.resources .header-api-icon,
  .internal-doc-container.resources .header-api-icon {
    margin-bottom: 24px;
    width: 44px;
    height: 44px;
    padding: 8px;
  }
}
.api-container .headerInfo .api-landing-header,
.auth-plugin-container .headerInfo .api-landing-header,
.solutions-container .headerInfo .api-landing-header,
.internal-doc-container .headerInfo .api-landing-header {
  padding-top: 0px;
  padding-bottom: 40px;
  height: auto;
  margin-top: -1px;
}
.api-container .headerInfo .api-landing-header .header-title,
.auth-plugin-container .headerInfo .api-landing-header .header-title,
.solutions-container .headerInfo .api-landing-header .header-title,
.internal-doc-container .headerInfo .api-landing-header .header-title {
  font-size: 36px;
}
.api-container hr,
.auth-plugin-container hr,
.solutions-container hr,
.internal-doc-container hr {
  width: 209%;
  border-top: none;
  margin-left: -30px;
  margin-top: 10px;
}
.api-container hr.api-content-header-border,
.auth-plugin-container hr.api-content-header-border,
.solutions-container hr.api-content-header-border,
.internal-doc-container hr.api-content-header-border {
  margin: auto;
  border-bottom: 1px solid #eeeeee;
}
.api-container .api-content-dark-border,
.auth-plugin-container .api-content-dark-border,
.solutions-container .api-content-dark-border,
.internal-doc-container .api-content-dark-border {
  width: 110%;
  margin-top: 24px;
  margin-left: -19px;
  border-bottom: 1px solid #000000;
}
.api-container .api-response-params .api-content-dark-border,
.auth-plugin-container .api-response-params .api-content-dark-border,
.solutions-container .api-response-params .api-content-dark-border,
.internal-doc-container .api-response-params .api-content-dark-border {
  margin-top: 8px;
}
.api-container .api-content-light-border,
.auth-plugin-container .api-content-light-border,
.solutions-container .api-content-light-border,
.internal-doc-container .api-content-light-border {
  border-bottom: 1px solid #dde3e8;
}
.api-container .api-content-light-border.events,
.auth-plugin-container .api-content-light-border.events,
.solutions-container .api-content-light-border.events,
.internal-doc-container .api-content-light-border.events {
  padding-top: 30px;
  width: 90%;
  margin-left: 0px;
}
.api-container .api-content-border-final,
.auth-plugin-container .api-content-border-final,
.solutions-container .api-content-border-final,
.internal-doc-container .api-content-border-final {
  padding-top: 14px;
}
.api-container .overview-header,
.auth-plugin-container .overview-header,
.solutions-container .overview-header,
.internal-doc-container .overview-header {
  overflow: hidden;
  height: 240px;
  background-image: url(/images/gradient-rect-ce100898e18608155943434eb0153529.svg);
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  padding-top: 100px;
  padding-left: 3%;
  padding-right: 3%;
}
.api-container .overview-header .overview-header-content,
.auth-plugin-container .overview-header .overview-header-content,
.solutions-container .overview-header .overview-header-content,
.internal-doc-container .overview-header .overview-header-content {
  position: relative;
}
.api-container .overview-header .overview-header-content .header-text,
.auth-plugin-container .overview-header .overview-header-content .header-text,
.solutions-container .overview-header .overview-header-content .header-text,
.internal-doc-container .overview-header .overview-header-content .header-text {
  margin-bottom: 20px;
}
.api-container .overview-header .overview-header-content .header-text h1,
.auth-plugin-container .overview-header .overview-header-content .header-text h1,
.solutions-container .overview-header .overview-header-content .header-text h1,
.internal-doc-container .overview-header .overview-header-content .header-text h1 {
  font-family: Roobert Bold, sans-serif;
}
.api-container .overview-header .overview-header-content .header-desc,
.auth-plugin-container .overview-header .overview-header-content .header-desc,
.solutions-container .overview-header .overview-header-content .header-desc,
.internal-doc-container .overview-header .overview-header-content .header-desc {
  font-size: 20px;
  font-family: Roobert Medium, sans-serif;
}
.api-container .api-landing-content,
.auth-plugin-container .api-landing-content,
.solutions-container .api-landing-content,
.internal-doc-container .api-landing-content {
  background-color: #f7f9fb;
  border-top: 1px solid #dde3e9;
  padding: 120px 130px 120px 130px;
}
@media (max-width: 768px) {
  .api-container .api-landing-content,
  .auth-plugin-container .api-landing-content,
  .solutions-container .api-landing-content,
  .internal-doc-container .api-landing-content {
    padding: 40px 12px 70px 12px;
  }
}
@media (min-width: 2160px) {
  .api-container .api-landing-content,
  .auth-plugin-container .api-landing-content,
  .solutions-container .api-landing-content,
  .internal-doc-container .api-landing-content {
    padding: 120px 20% 120px 20%;
  }
}
.api-container .api-landing-content .landing-products-header .products-title,
.auth-plugin-container .api-landing-content .landing-products-header .products-title,
.solutions-container .api-landing-content .landing-products-header .products-title,
.internal-doc-container .api-landing-content .landing-products-header .products-title {
  padding-bottom: 26px;
  color: #000000;
  font-family: Roobert, sans-serif;
  font-size: 48px;
}
@media (max-width: 768px) {
  .api-container .api-landing-content .landing-products-header .products-title,
  .auth-plugin-container .api-landing-content .landing-products-header .products-title,
  .solutions-container .api-landing-content .landing-products-header .products-title,
  .internal-doc-container .api-landing-content .landing-products-header .products-title {
    padding-bottom: 14px;
    font-size: 24px;
    line-height: 31.2px;
  }
}
.api-container .api-landing-content .landing-products-header .products-desc,
.auth-plugin-container .api-landing-content .landing-products-header .products-desc,
.solutions-container .api-landing-content .landing-products-header .products-desc,
.internal-doc-container .api-landing-content .landing-products-header .products-desc {
  font-size: 18px;
  font-family: Roobert Medium, sans-serif;
  line-height: 160%;
  letter-spacing: 0.18px;
  color: #000000;
  padding-bottom: 60px;
  margin: 0;
}
@media (max-width: 768px) {
  .api-container .api-landing-content .landing-products-header .products-desc,
  .auth-plugin-container .api-landing-content .landing-products-header .products-desc,
  .solutions-container .api-landing-content .landing-products-header .products-desc,
  .internal-doc-container .api-landing-content .landing-products-header .products-desc {
    padding-bottom: 40px;
    margin: 0;
  }
}
.api-container .api-landing-content .landing-products,
.auth-plugin-container .api-landing-content .landing-products,
.solutions-container .api-landing-content .landing-products,
.internal-doc-container .api-landing-content .landing-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(370px, 1fr));
  row-gap: 40px;
  column-gap: 35px;
  padding-bottom: 60px;
}
.api-container .api-landing-content .landing-products a > svg,
.auth-plugin-container .api-landing-content .landing-products a > svg,
.solutions-container .api-landing-content .landing-products a > svg,
.internal-doc-container .api-landing-content .landing-products a > svg {
  margin-right: 10px;
}
.api-container .api-landing-content .landing-products .landing-product,
.auth-plugin-container .api-landing-content .landing-products .landing-product,
.solutions-container .api-landing-content .landing-products .landing-product,
.internal-doc-container .api-landing-content .landing-products .landing-product {
  height: 275px;
  color: #00406e;
  border-radius: 5px;
  border: solid 1px #d4dbe1;
  background-color: #ffffff;
  padding: 35px;
  margin-top: 30px;
}
.api-container .api-landing-content .landing-products .landing-product .product-title,
.auth-plugin-container .api-landing-content .landing-products .landing-product .product-title,
.solutions-container .api-landing-content .landing-products .landing-product .product-title,
.internal-doc-container .api-landing-content .landing-products .landing-product .product-title {
  color: #00406e;
}
.api-container .api-landing-content .landing-products .landing-product .product-title i,
.auth-plugin-container .api-landing-content .landing-products .landing-product .product-title i,
.solutions-container .api-landing-content .landing-products .landing-product .product-title i,
.internal-doc-container .api-landing-content .landing-products .landing-product .product-title i {
  font-size: 50px;
}
.api-container .api-landing-content .landing-products .landing-product .product-title .title,
.auth-plugin-container .api-landing-content .landing-products .landing-product .product-title .title,
.solutions-container .api-landing-content .landing-products .landing-product .product-title .title,
.internal-doc-container .api-landing-content .landing-products .landing-product .product-title .title {
  font-family: Roobert Medium, sans-serif;
}
.api-container .api-landing-content .landing-products .landing-product .product-desc,
.auth-plugin-container .api-landing-content .landing-products .landing-product .product-desc,
.solutions-container .api-landing-content .landing-products .landing-product .product-desc,
.internal-doc-container .api-landing-content .landing-products .landing-product .product-desc {
  margin: 20px 0 20px 0;
  height: 57%;
  overflow-y: scroll;
  font-size: 16px;
  color: #5E7482;
}
.api-container .api-landing-content .landing-products .landing-product .product-desc::-webkit-scrollbar,
.auth-plugin-container .api-landing-content .landing-products .landing-product .product-desc::-webkit-scrollbar,
.solutions-container .api-landing-content .landing-products .landing-product .product-desc::-webkit-scrollbar,
.internal-doc-container .api-landing-content .landing-products .landing-product .product-desc::-webkit-scrollbar {
  width: 3px;
  background: transparent;
}
.api-container .api-landing-content .landing-products .landing-product .product-desc::-webkit-scrollbar-thumb,
.auth-plugin-container .api-landing-content .landing-products .landing-product .product-desc::-webkit-scrollbar-thumb,
.solutions-container .api-landing-content .landing-products .landing-product .product-desc::-webkit-scrollbar-thumb,
.internal-doc-container .api-landing-content .landing-products .landing-product .product-desc::-webkit-scrollbar-thumb {
  background: rgba(0, 64, 110, 0.5);
}
.api-container .api-landing-content .landing-products .landing-product .api-links,
.auth-plugin-container .api-landing-content .landing-products .landing-product .api-links,
.solutions-container .api-landing-content .landing-products .landing-product .api-links,
.internal-doc-container .api-landing-content .landing-products .landing-product .api-links {
  font-family: Roobert Medium, sans-serif;
  float: right;
  font-size: 16px;
  color: #0278B6;
}
.api-container .api-landing-content .landing-products .landing-product .api-links .link,
.auth-plugin-container .api-landing-content .landing-products .landing-product .api-links .link,
.solutions-container .api-landing-content .landing-products .landing-product .api-links .link,
.internal-doc-container .api-landing-content .landing-products .landing-product .api-links .link {
  width: auto;
}
.api-container .api-landing-content .landing-products .landing-product .api-links .link a,
.auth-plugin-container .api-landing-content .landing-products .landing-product .api-links .link a,
.solutions-container .api-landing-content .landing-products .landing-product .api-links .link a,
.internal-doc-container .api-landing-content .landing-products .landing-product .api-links .link a {
  text-decoration: none;
}
.api-container .api-landing-content .landing-products .landing-product .api-links .link a svg,
.auth-plugin-container .api-landing-content .landing-products .landing-product .api-links .link a svg,
.solutions-container .api-landing-content .landing-products .landing-product .api-links .link a svg,
.internal-doc-container .api-landing-content .landing-products .landing-product .api-links .link a svg {
  margin-right: 10px;
}
.api-container .api-landing-content .landing-products .landing-product:hover,
.auth-plugin-container .api-landing-content .landing-products .landing-product:hover,
.solutions-container .api-landing-content .landing-products .landing-product:hover,
.internal-doc-container .api-landing-content .landing-products .landing-product:hover,
.api-container .api-landing-content .landing-products .landing-product:focus,
.auth-plugin-container .api-landing-content .landing-products .landing-product:focus,
.solutions-container .api-landing-content .landing-products .landing-product:focus,
.internal-doc-container .api-landing-content .landing-products .landing-product:focus {
  border: solid 1px #98a8b7;
}
.api-container .api-landing-content .landing-products .landing-product:hover .api-links a,
.auth-plugin-container .api-landing-content .landing-products .landing-product:hover .api-links a,
.solutions-container .api-landing-content .landing-products .landing-product:hover .api-links a,
.internal-doc-container .api-landing-content .landing-products .landing-product:hover .api-links a,
.api-container .api-landing-content .landing-products .landing-product:focus .api-links a,
.auth-plugin-container .api-landing-content .landing-products .landing-product:focus .api-links a,
.solutions-container .api-landing-content .landing-products .landing-product:focus .api-links a,
.internal-doc-container .api-landing-content .landing-products .landing-product:focus .api-links a {
  color: #113de5;
}
@media (max-width: 1399px) {
  .api-container .api-landing-content .landing-products,
  .auth-plugin-container .api-landing-content .landing-products,
  .solutions-container .api-landing-content .landing-products,
  .internal-doc-container .api-landing-content .landing-products {
    grid-template-columns: repeat(2, minmax(370px, 1fr));
  }
}
@media (max-width: 992px) {
  .api-container .api-landing-content .landing-products,
  .auth-plugin-container .api-landing-content .landing-products,
  .solutions-container .api-landing-content .landing-products,
  .internal-doc-container .api-landing-content .landing-products {
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}
@media (max-width: 768px) {
  .api-container .api-landing-content .landing-products,
  .auth-plugin-container .api-landing-content .landing-products,
  .solutions-container .api-landing-content .landing-products,
  .internal-doc-container .api-landing-content .landing-products {
    grid-template-columns: 100%;
    padding-bottom: 30px;
  }
}
.api-container .api-landing-content .button-container,
.auth-plugin-container .api-landing-content .button-container,
.solutions-container .api-landing-content .button-container,
.internal-doc-container .api-landing-content .button-container {
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .api-container .api-landing-content .button-container,
  .auth-plugin-container .api-landing-content .button-container,
  .solutions-container .api-landing-content .button-container,
  .internal-doc-container .api-landing-content .button-container {
    margin-bottom: 40px;
  }
}
.api-container .api-landing-content .api-link,
.auth-plugin-container .api-landing-content .api-link,
.solutions-container .api-landing-content .api-link,
.internal-doc-container .api-landing-content .api-link {
  font-family: Roobert Bold, sans-serif;
  margin-bottom: -20px;
}
.api-container .api-landing-content .api-link svg,
.auth-plugin-container .api-landing-content .api-link svg,
.solutions-container .api-landing-content .api-link svg,
.internal-doc-container .api-landing-content .api-link svg {
  margin-right: 20px;
}
.api-container .api-landing-content .section-header,
.auth-plugin-container .api-landing-content .section-header,
.solutions-container .api-landing-content .section-header,
.internal-doc-container .api-landing-content .section-header {
  text-align: center;
  margin-bottom: 50px;
  color: #00406e;
}
.api-container .api-landing-content .segment-container.container,
.auth-plugin-container .api-landing-content .segment-container.container,
.solutions-container .api-landing-content .segment-container.container,
.internal-doc-container .api-landing-content .segment-container.container {
  width: 100%;
}
.api-container .api-landing-content .segment-container .clear:nth-child(3n)::before,
.auth-plugin-container .api-landing-content .segment-container .clear:nth-child(3n)::before,
.solutions-container .api-landing-content .segment-container .clear:nth-child(3n)::before,
.internal-doc-container .api-landing-content .segment-container .clear:nth-child(3n)::before {
  content: "";
  display: table;
  clear: both;
}
.api-container .api-landing-content .content-panel,
.auth-plugin-container .api-landing-content .content-panel,
.solutions-container .api-landing-content .content-panel,
.internal-doc-container .api-landing-content .content-panel {
  margin-bottom: 50px;
}
.api-container .api-landing-content .content-panel .icon,
.auth-plugin-container .api-landing-content .content-panel .icon,
.solutions-container .api-landing-content .content-panel .icon,
.internal-doc-container .api-landing-content .content-panel .icon {
  color: #395FF0;
  font-size: 50px;
  margin-bottom: 10px;
  position: inherit;
}
.api-container .api-landing-content .content-panel p,
.auth-plugin-container .api-landing-content .content-panel p,
.solutions-container .api-landing-content .content-panel p,
.internal-doc-container .api-landing-content .content-panel p {
  padding-bottom: 20px;
}
.api-container .api-landing-header,
.auth-plugin-container .api-landing-header,
.solutions-container .api-landing-header,
.internal-doc-container .api-landing-header {
  padding-top: 30px;
  background-color: #f7f9fb;
  color: #5E7482;
  border-bottom: 1px solid #dde3e8;
  height: auto;
  padding-bottom: 15px;
}
@media only screen and (device-width: 768px) {
  .api-container .api-landing-header,
  .auth-plugin-container .api-landing-header,
  .solutions-container .api-landing-header,
  .internal-doc-container .api-landing-header {
    padding-top: 100px;
  }
}
.api-container .api-landing-header .header-title,
.auth-plugin-container .api-landing-header .header-title,
.solutions-container .api-landing-header .header-title,
.internal-doc-container .api-landing-header .header-title {
  position: relative;
  padding-bottom: 30px;
  font-family: Roobert Medium, sans-serif;
  font-size: 36px;
  color: #323436;
}
@media (max-width: 992px) {
  .api-container .api-landing-header .header-title,
  .auth-plugin-container .api-landing-header .header-title,
  .solutions-container .api-landing-header .header-title,
  .internal-doc-container .api-landing-header .header-title {
    font-size: 24px;
    top: -15px;
  }
}
.api-container .api-landing-header .header-title .text2,
.auth-plugin-container .api-landing-header .header-title .text2,
.solutions-container .api-landing-header .header-title .text2,
.internal-doc-container .api-landing-header .header-title .text2 {
  width: auto;
  font-style: italic;
  padding-left: 10px;
}
.api-container .api-landing-header .header-title .register,
.auth-plugin-container .api-landing-header .header-title .register,
.solutions-container .api-landing-header .header-title .register,
.internal-doc-container .api-landing-header .header-title .register {
  color: #323436;
}
.api-container .api-landing-header .header-desc,
.auth-plugin-container .api-landing-header .header-desc,
.solutions-container .api-landing-header .header-desc,
.internal-doc-container .api-landing-header .header-desc {
  color: #5E7482;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
}
.api-container .api-landing-header .header-desc a,
.auth-plugin-container .api-landing-header .header-desc a,
.solutions-container .api-landing-header .header-desc a,
.internal-doc-container .api-landing-header .header-desc a {
  color: #003358;
  font-family: Roobert Bold, sans-serif;
}
.api-container .api-landing-header .header-desc a:hover,
.auth-plugin-container .api-landing-header .header-desc a:hover,
.solutions-container .api-landing-header .header-desc a:hover,
.internal-doc-container .api-landing-header .header-desc a:hover {
  color: #1daed5;
}
.api-container .api-landing-header .header-desc-2,
.auth-plugin-container .api-landing-header .header-desc-2,
.solutions-container .api-landing-header .header-desc-2,
.internal-doc-container .api-landing-header .header-desc-2 {
  padding-top: 10px;
}
.api-container .api-landing-event-header,
.auth-plugin-container .api-landing-event-header,
.solutions-container .api-landing-event-header,
.internal-doc-container .api-landing-event-header {
  display: flex;
  align-items: center;
  padding-bottom: 50px;
  padding-top: 50px;
}
.api-container .api-landing-event-header .event-header,
.auth-plugin-container .api-landing-event-header .event-header,
.solutions-container .api-landing-event-header .event-header,
.internal-doc-container .api-landing-event-header .event-header {
  flex: 0.7;
  padding-right: 150px;
}
.api-container .api-landing-event-header .event-header .header-desc,
.auth-plugin-container .api-landing-event-header .event-header .header-desc,
.solutions-container .api-landing-event-header .event-header .header-desc,
.internal-doc-container .api-landing-event-header .event-header .header-desc {
  line-height: 30px;
}
.api-container .api-landing-event-header .event-header-img,
.auth-plugin-container .api-landing-event-header .event-header-img,
.solutions-container .api-landing-event-header .event-header-img,
.internal-doc-container .api-landing-event-header .event-header-img {
  justify-content: center;
  display: flex;
  flex: 0.3;
  height: 250px;
  width: 300px;
}
.api-container .questions,
.auth-plugin-container .questions,
.solutions-container .questions,
.internal-doc-container .questions {
  padding-bottom: 15px;
}
.api-container .questions .question-title h3,
.auth-plugin-container .questions .question-title h3,
.solutions-container .questions .question-title h3,
.internal-doc-container .questions .question-title h3 {
  font-family: Roobert Medium, sans-serif;
  color: #008549;
  margin-bottom: 20px;
}
.api-container .questions .question-desc,
.auth-plugin-container .questions .question-desc,
.solutions-container .questions .question-desc,
.internal-doc-container .questions .question-desc {
  padding-bottom: 40px;
  color: #5E7482;
  line-height: 26px;
  font-size: 16px;
}
.api-container .questions .question-desc span,
.auth-plugin-container .questions .question-desc span,
.solutions-container .questions .question-desc span,
.internal-doc-container .questions .question-desc span {
  padding-bottom: 20px;
  display: inline-block;
}
.api-container .questions .question-desc h3,
.auth-plugin-container .questions .question-desc h3,
.solutions-container .questions .question-desc h3,
.internal-doc-container .questions .question-desc h3 {
  font-family: Roobert Bold, sans-serif;
  font-style: italic;
  margin-bottom: 10px;
  margin-top: 20px;
}
.api-container .illustration,
.auth-plugin-container .illustration,
.solutions-container .illustration,
.internal-doc-container .illustration {
  background-image: url(/images/illustrationbackground-8a4b5b01b0a64846cd87440dafddd5bb.png);
  background-size: cover;
  background-repeat: round;
  height: 350px;
}
.api-container .illustration .illustration-text,
.auth-plugin-container .illustration .illustration-text,
.solutions-container .illustration .illustration-text,
.internal-doc-container .illustration .illustration-text {
  padding-top: 100px;
  color: #ffffff;
}
.api-container .illustration .illustration-text span,
.auth-plugin-container .illustration .illustration-text span,
.solutions-container .illustration .illustration-text span,
.internal-doc-container .illustration .illustration-text span {
  flex: column;
}
.api-container .illustration .illustration-text span h1,
.auth-plugin-container .illustration .illustration-text span h1,
.solutions-container .illustration .illustration-text span h1,
.internal-doc-container .illustration .illustration-text span h1 {
  font-family: Roobert Bold, sans-serif;
  font-style: italic;
  margin-bottom: 20px;
}
.api-container .illustration .illustration-text span p,
.auth-plugin-container .illustration .illustration-text span p,
.solutions-container .illustration .illustration-text span p,
.internal-doc-container .illustration .illustration-text span p {
  font-family: Roobert Medium, sans-serif;
}
.api-container .illustration .illustration-image,
.auth-plugin-container .illustration .illustration-image,
.solutions-container .illustration .illustration-image,
.internal-doc-container .illustration .illustration-image {
  height: 100%;
}
.api-container .illustration .illustration-image .value-img,
.auth-plugin-container .illustration .illustration-image .value-img,
.solutions-container .illustration .illustration-image .value-img,
.internal-doc-container .illustration .illustration-image .value-img {
  max-width: 100%;
  height: inherit;
  transform: scale(1.5);
  float: right;
}
.api-container .overview,
.auth-plugin-container .overview,
.solutions-container .overview,
.internal-doc-container .overview {
  padding-top: 40px;
  border-bottom: 1px solid #dde3e9;
}
.api-container .overview .header,
.auth-plugin-container .overview .header,
.solutions-container .overview .header,
.internal-doc-container .overview .header {
  top: 0;
  margin-bottom: 40px;
}
.api-container .overview .header h2,
.auth-plugin-container .overview .header h2,
.solutions-container .overview .header h2,
.internal-doc-container .overview .header h2 {
  font-family: Roobert Bold, sans-serif;
  color: #00935f;
  margin-bottom: 30px;
}
.api-container .overview .overview-steps row,
.auth-plugin-container .overview .overview-steps row,
.solutions-container .overview .overview-steps row,
.internal-doc-container .overview .overview-steps row {
  margin: 0px !important;
}
.api-container .overview .overview-steps .step,
.auth-plugin-container .overview .overview-steps .step,
.solutions-container .overview .overview-steps .step,
.internal-doc-container .overview .overview-steps .step {
  margin-bottom: 25px;
}
.api-container .overview .overview-steps .step h3,
.auth-plugin-container .overview .overview-steps .step h3,
.solutions-container .overview .overview-steps .step h3,
.internal-doc-container .overview .overview-steps .step h3 {
  font-family: Roobert Bold, sans-serif;
  font-style: italic;
  margin-bottom: 10px;
}
.api-container .api-show-data,
.auth-plugin-container .api-show-data,
.solutions-container .api-show-data,
.internal-doc-container .api-show-data {
  position: absolute;
  font-size: 24px;
  background-color: #ffffff;
  height: 40px;
  width: 40px;
  color: #395FF0;
  text-align: right;
}
.api-container .api-show-data,
.auth-plugin-container .api-show-data,
.solutions-container .api-show-data,
.internal-doc-container .api-show-data {
  z-index: 3;
  transition: all 0.5s;
  top: -21px;
}
.api-container .api-show-data a,
.auth-plugin-container .api-show-data a,
.solutions-container .api-show-data a,
.internal-doc-container .api-show-data a {
  display: inline-block;
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
  position: absolute;
  right: 105%;
  top: 10px;
}
@media (min-width: 992px) {
  .api-container .api-show-data a,
  .auth-plugin-container .api-show-data a,
  .solutions-container .api-show-data a,
  .internal-doc-container .api-show-data a {
    right: 37%;
    font-size: 16px;
  }
}
.api-container .api-show-data a svg,
.auth-plugin-container .api-show-data a svg,
.solutions-container .api-show-data a svg,
.internal-doc-container .api-show-data a svg {
  min-width: 30px;
  transition: all 0.5s;
}
.api-container .api-show-data a svg.fa-code,
.auth-plugin-container .api-show-data a svg.fa-code,
.solutions-container .api-show-data a svg.fa-code,
.internal-doc-container .api-show-data a svg.fa-code,
.api-container .api-show-data a svg.fa-chevron-up,
.auth-plugin-container .api-show-data a svg.fa-chevron-up,
.solutions-container .api-show-data a svg.fa-chevron-up,
.internal-doc-container .api-show-data a svg.fa-chevron-up {
  margin-top: 4px;
  margin-right: 4px;
  position: absolute;
}
.api-container .api-show-data a svg.fa-times,
.auth-plugin-container .api-show-data a svg.fa-times,
.solutions-container .api-show-data a svg.fa-times,
.internal-doc-container .api-show-data a svg.fa-times,
.api-container .api-show-data a svg.fa-chevron-down,
.auth-plugin-container .api-show-data a svg.fa-chevron-down,
.solutions-container .api-show-data a svg.fa-chevron-down,
.internal-doc-container .api-show-data a svg.fa-chevron-down {
  margin-top: 4px;
  display: none;
  position: absolute;
}
@media (min-width: 992px) {
  .api-container .api-show-data a svg,
  .auth-plugin-container .api-show-data a svg,
  .solutions-container .api-show-data a svg,
  .internal-doc-container .api-show-data a svg {
    color: #ffffff;
  }
  .api-container .api-show-data a svg.fa-times,
  .auth-plugin-container .api-show-data a svg.fa-times,
  .solutions-container .api-show-data a svg.fa-times,
  .internal-doc-container .api-show-data a svg.fa-times,
  .api-container .api-show-data a svg.fa-chevron-down,
  .auth-plugin-container .api-show-data a svg.fa-chevron-down,
  .solutions-container .api-show-data a svg.fa-chevron-down,
  .internal-doc-container .api-show-data a svg.fa-chevron-down {
    margin-top: 8px;
    right: 11px;
  }
  .api-container .api-show-data a svg.fa-code,
  .auth-plugin-container .api-show-data a svg.fa-code,
  .solutions-container .api-show-data a svg.fa-code,
  .internal-doc-container .api-show-data a svg.fa-code {
    display: none;
    color: #0278B6;
  }
}
@media (max-width: 767px) {
  .api-container .api-show-data,
  .auth-plugin-container .api-show-data,
  .solutions-container .api-show-data,
  .internal-doc-container .api-show-data {
    right: 101%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .api-container .api-show-data,
  .auth-plugin-container .api-show-data,
  .solutions-container .api-show-data,
  .internal-doc-container .api-show-data {
    right: 101%;
  }
  .api-container .api-show-data a,
  .auth-plugin-container .api-show-data a,
  .solutions-container .api-show-data a,
  .internal-doc-container .api-show-data a {
    right: 115%;
  }
}
@media (min-width: 992px) {
  .api-container .api-show-data,
  .auth-plugin-container .api-show-data,
  .solutions-container .api-show-data,
  .internal-doc-container .api-show-data {
    cursor: pointer;
    top: 63px;
    transform: rotate(-90deg);
    right: 370px;
    height: 28px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #31373b;
    color: #ffffff;
    width: 115px;
  }
  .api-container .api-show-data a,
  .auth-plugin-container .api-show-data a,
  .solutions-container .api-show-data a,
  .internal-doc-container .api-show-data a {
    top: 3px;
  }
  .api-container .api-show-data span,
  .auth-plugin-container .api-show-data span,
  .solutions-container .api-show-data span,
  .internal-doc-container .api-show-data span {
    display: inline-block;
    color: #ffffff;
  }
  .api-container .api-show-data svg,
  .auth-plugin-container .api-show-data svg,
  .solutions-container .api-show-data svg,
  .internal-doc-container .api-show-data svg {
    margin-left: 6px;
  }
}
.api-container .deprecated-show-api,
.auth-plugin-container .deprecated-show-api,
.solutions-container .deprecated-show-api,
.internal-doc-container .deprecated-show-api {
  top: -92px;
}
.api-container .api-background-col,
.auth-plugin-container .api-background-col,
.solutions-container .api-background-col,
.internal-doc-container .api-background-col,
.api-container .api-data-col,
.auth-plugin-container .api-data-col,
.solutions-container .api-data-col,
.internal-doc-container .api-data-col {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  transition: right 0.5s;
}
.api-container .api-background-col a:focus,
.auth-plugin-container .api-background-col a:focus,
.solutions-container .api-background-col a:focus,
.internal-doc-container .api-background-col a:focus,
.api-container .api-data-col a:focus,
.auth-plugin-container .api-data-col a:focus,
.solutions-container .api-data-col a:focus,
.internal-doc-container .api-data-col a:focus {
  border: 2px solid #395FF0;
  border-radius: 4px;
}
.api-container .share-link-custom-right,
.auth-plugin-container .share-link-custom-right,
.solutions-container .share-link-custom-right,
.internal-doc-container .share-link-custom-right {
  display: flex;
  gap: 25px;
}
.api-container .api-data-col.sandbox-title,
.auth-plugin-container .api-data-col.sandbox-title,
.solutions-container .api-data-col.sandbox-title,
.internal-doc-container .api-data-col.sandbox-title {
  z-index: 3;
}
.api-container .api-data-col.sandbox-title.events,
.auth-plugin-container .api-data-col.sandbox-title.events,
.solutions-container .api-data-col.sandbox-title.events,
.internal-doc-container .api-data-col.sandbox-title.events {
  width: 40px;
}
.api-container .api-data-col.sandbox-title h3,
.auth-plugin-container .api-data-col.sandbox-title h3,
.solutions-container .api-data-col.sandbox-title h3,
.internal-doc-container .api-data-col.sandbox-title h3 {
  display: inline-block;
}
.api-container .api-data-col.sandbox-title .expand-all,
.auth-plugin-container .api-data-col.sandbox-title .expand-all,
.solutions-container .api-data-col.sandbox-title .expand-all,
.internal-doc-container .api-data-col.sandbox-title .expand-all {
  float: right;
  margin-right: 10px;
  background: #000000;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
}
.api-container .api-data-col.sandbox-title .expand-all.events-expand,
.auth-plugin-container .api-data-col.sandbox-title .expand-all.events-expand,
.solutions-container .api-data-col.sandbox-title .expand-all.events-expand,
.internal-doc-container .api-data-col.sandbox-title .expand-all.events-expand {
  background: none;
  color: #5E7482;
  padding-top: 14px;
}
.api-container .api-data-col.sandbox-title .expand-all .fa-arrows-alt-v,
.auth-plugin-container .api-data-col.sandbox-title .expand-all .fa-arrows-alt-v,
.solutions-container .api-data-col.sandbox-title .expand-all .fa-arrows-alt-v,
.internal-doc-container .api-data-col.sandbox-title .expand-all .fa-arrows-alt-v {
  transform: rotate(45deg);
}
.api-container .api-data-col.sandbox-title .copy-events,
.auth-plugin-container .api-data-col.sandbox-title .copy-events,
.solutions-container .api-data-col.sandbox-title .copy-events,
.internal-doc-container .api-data-col.sandbox-title .copy-events {
  float: right;
  margin-right: 10px;
  background: #000000;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  color: #5E7482;
  padding-top: 14px;
  padding-right: 40px;
}
.api-container .api-data-col.sandbox-title .darkmode-events,
.auth-plugin-container .api-data-col.sandbox-title .darkmode-events,
.solutions-container .api-data-col.sandbox-title .darkmode-events,
.internal-doc-container .api-data-col.sandbox-title .darkmode-events {
  float: right;
  margin-right: 10px;
  background: #000000;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  color: #5E7482;
  padding-top: 14px;
  padding-right: 80px;
}
.api-container .api-data-col.open .api-show-data,
.auth-plugin-container .api-data-col.open .api-show-data,
.solutions-container .api-data-col.open .api-show-data,
.internal-doc-container .api-data-col.open .api-show-data {
  width: 100vw;
  right: 356px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .api-container .api-data-col.open .api-show-data,
  .auth-plugin-container .api-data-col.open .api-show-data,
  .solutions-container .api-data-col.open .api-show-data,
  .internal-doc-container .api-data-col.open .api-show-data {
    right: 356px;
  }
}
@media (min-width: 992px) {
  .api-container .api-data-col.open .api-show-data,
  .auth-plugin-container .api-data-col.open .api-show-data,
  .solutions-container .api-data-col.open .api-show-data,
  .internal-doc-container .api-data-col.open .api-show-data {
    width: 115px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .api-container .api-data-col.open .api-show-data svg.fa-chevron-down,
  .auth-plugin-container .api-data-col.open .api-show-data svg.fa-chevron-down,
  .solutions-container .api-data-col.open .api-show-data svg.fa-chevron-down,
  .internal-doc-container .api-data-col.open .api-show-data svg.fa-chevron-down {
    display: inline-block;
    margin-right: -45px;
    margin-top: 5px;
  }
  .api-container .api-data-col.open .api-show-data svg.fa-chevron-up,
  .auth-plugin-container .api-data-col.open .api-show-data svg.fa-chevron-up,
  .solutions-container .api-data-col.open .api-show-data svg.fa-chevron-up,
  .internal-doc-container .api-data-col.open .api-show-data svg.fa-chevron-up {
    display: none;
  }
  .api-container .api-data-col.open .api-show-data svg.fa-times,
  .auth-plugin-container .api-data-col.open .api-show-data svg.fa-times,
  .solutions-container .api-data-col.open .api-show-data svg.fa-times,
  .internal-doc-container .api-data-col.open .api-show-data svg.fa-times,
  .api-container .api-data-col.open .api-show-data svg.fa-code,
  .auth-plugin-container .api-data-col.open .api-show-data svg.fa-code,
  .solutions-container .api-data-col.open .api-show-data svg.fa-code,
  .internal-doc-container .api-data-col.open .api-show-data svg.fa-code {
    display: none;
  }
}
@media (max-width: 991px) {
  .api-container .api-data-col.open .api-show-data a,
  .auth-plugin-container .api-data-col.open .api-show-data a,
  .solutions-container .api-data-col.open .api-show-data a,
  .internal-doc-container .api-data-col.open .api-show-data a {
    right: 9%;
  }
  .api-container .api-data-col.open .api-show-data a span,
  .auth-plugin-container .api-data-col.open .api-show-data a span,
  .solutions-container .api-data-col.open .api-show-data a span,
  .internal-doc-container .api-data-col.open .api-show-data a span {
    display: none;
  }
  .api-container .api-data-col.open .api-show-data svg.fa-times,
  .auth-plugin-container .api-data-col.open .api-show-data svg.fa-times,
  .solutions-container .api-data-col.open .api-show-data svg.fa-times,
  .internal-doc-container .api-data-col.open .api-show-data svg.fa-times {
    display: inline-block;
  }
  .api-container .api-data-col.open .api-show-data svg.fa-code,
  .auth-plugin-container .api-data-col.open .api-show-data svg.fa-code,
  .solutions-container .api-data-col.open .api-show-data svg.fa-code,
  .internal-doc-container .api-data-col.open .api-show-data svg.fa-code {
    display: none;
  }
}
.api-container .floating-show-nav .api-show-data,
.auth-plugin-container .floating-show-nav .api-show-data,
.solutions-container .floating-show-nav .api-show-data,
.internal-doc-container .floating-show-nav .api-show-data {
  position: fixed;
  top: 68px;
  right: 1%;
  transition: none;
}
@media (min-width: 992px) {
  .api-container .floating-show-nav .api-show-data,
  .auth-plugin-container .floating-show-nav .api-show-data,
  .solutions-container .floating-show-nav .api-show-data,
  .internal-doc-container .floating-show-nav .api-show-data {
    position: fixed;
    right: -44px;
    top: 110px;
  }
  .api-container .floating-show-nav .api-show-data.fade-out,
  .auth-plugin-container .floating-show-nav .api-show-data.fade-out,
  .solutions-container .floating-show-nav .api-show-data.fade-out,
  .internal-doc-container .floating-show-nav .api-show-data.fade-out {
    right: 341px;
  }
}
.api-container .api-background-col,
.auth-plugin-container .api-background-col,
.solutions-container .api-background-col,
.internal-doc-container .api-background-col {
  background-color: #31373b;
  z-index: 2;
}
.api-container .api-operation-cols,
.auth-plugin-container .api-operation-cols,
.solutions-container .api-operation-cols,
.internal-doc-container .api-operation-cols {
  font-size: 0px;
  letter-spacing: 0px;
  width: 100%;
  position: relative;
}
.api-container .api-operation-cols .fa-arrow-left,
.auth-plugin-container .api-operation-cols .fa-arrow-left,
.solutions-container .api-operation-cols .fa-arrow-left,
.internal-doc-container .api-operation-cols .fa-arrow-left {
  transform: rotate(270deg);
  margin-left: 8px;
}
.api-container .api-operation-cols .eventMarginTop,
.auth-plugin-container .api-operation-cols .eventMarginTop,
.solutions-container .api-operation-cols .eventMarginTop,
.internal-doc-container .api-operation-cols .eventMarginTop {
  margin-top: -223px;
}
.api-container .api-operation-cols > .api-detail-col,
.auth-plugin-container .api-operation-cols > .api-detail-col,
.solutions-container .api-operation-cols > .api-detail-col,
.internal-doc-container .api-operation-cols > .api-detail-col,
.api-container .api-operation-cols > .api-data-col,
.auth-plugin-container .api-operation-cols > .api-data-col,
.solutions-container .api-operation-cols > .api-data-col,
.internal-doc-container .api-operation-cols > .api-data-col {
  font-family: Roobert Medium, sans-serif;
  font-size: 18px;
  letter-spacing: 1%;
  padding-right: 40px;
  color: #5E7482;
}
@media (max-width: 991px) {
  .api-container .api-operation-cols > .api-detail-col,
  .auth-plugin-container .api-operation-cols > .api-detail-col,
  .solutions-container .api-operation-cols > .api-detail-col,
  .internal-doc-container .api-operation-cols > .api-detail-col,
  .api-container .api-operation-cols > .api-data-col,
  .auth-plugin-container .api-operation-cols > .api-data-col,
  .solutions-container .api-operation-cols > .api-data-col,
  .internal-doc-container .api-operation-cols > .api-data-col {
    padding-right: 0px;
  }
  .api-container .api-operation-cols > .api-detail-col .sandboxMobileView,
  .auth-plugin-container .api-operation-cols > .api-detail-col .sandboxMobileView,
  .solutions-container .api-operation-cols > .api-detail-col .sandboxMobileView,
  .internal-doc-container .api-operation-cols > .api-detail-col .sandboxMobileView,
  .api-container .api-operation-cols > .api-data-col .sandboxMobileView,
  .auth-plugin-container .api-operation-cols > .api-data-col .sandboxMobileView,
  .solutions-container .api-operation-cols > .api-data-col .sandboxMobileView,
  .internal-doc-container .api-operation-cols > .api-data-col .sandboxMobileView {
    display: none;
  }
  .api-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent,
  .auth-plugin-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent,
  .solutions-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent,
  .internal-doc-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent,
  .api-container .api-operation-cols > .api-data-col .sandboxMobileViewContent,
  .auth-plugin-container .api-operation-cols > .api-data-col .sandboxMobileViewContent,
  .solutions-container .api-operation-cols > .api-data-col .sandboxMobileViewContent,
  .internal-doc-container .api-operation-cols > .api-data-col .sandboxMobileViewContent {
    display: block;
    text-align: center;
  }
  .api-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link,
  .auth-plugin-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link,
  .solutions-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link,
  .internal-doc-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link,
  .api-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link,
  .auth-plugin-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link,
  .solutions-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link,
  .internal-doc-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link {
    text-decoration: none;
    padding: 0;
  }
  .api-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus,
  .auth-plugin-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus,
  .solutions-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus,
  .internal-doc-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus,
  .api-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus,
  .auth-plugin-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus,
  .solutions-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus,
  .internal-doc-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus,
  .api-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link :active,
  .auth-plugin-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link :active,
  .solutions-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link :active,
  .internal-doc-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link :active,
  .api-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link :active,
  .auth-plugin-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link :active,
  .solutions-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link :active,
  .internal-doc-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link :active {
    box-shadow: none;
  }
  .api-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus-visible,
  .auth-plugin-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus-visible,
  .solutions-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus-visible,
  .internal-doc-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus-visible,
  .api-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus-visible,
  .auth-plugin-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus-visible,
  .solutions-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus-visible,
  .internal-doc-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus-visible {
    outline: 2px solid #048A81;
  }
  .api-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .auth-plugin-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .solutions-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .internal-doc-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .api-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .auth-plugin-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .solutions-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .internal-doc-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 23px;
    color: #048A81;
    margin-bottom: 10px;
    font-family: Roobert Medium, sans-serif;
    border-bottom: 2px solid transparent;
    padding-bottom: 2px;
  }
  .api-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span i,
  .auth-plugin-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span i,
  .solutions-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span i,
  .internal-doc-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span i,
  .api-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span i,
  .auth-plugin-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span i,
  .solutions-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span i,
  .internal-doc-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span i,
  .api-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span svg,
  .auth-plugin-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span svg,
  .solutions-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span svg,
  .internal-doc-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span svg,
  .api-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span svg,
  .auth-plugin-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span svg,
  .solutions-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span svg,
  .internal-doc-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span svg {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #048A81;
    margin-left: 6px;
    height: 20px;
    width: 20px;
  }
  .api-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span:hover,
  .auth-plugin-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span:hover,
  .solutions-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span:hover,
  .internal-doc-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span:hover,
  .api-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span:hover,
  .auth-plugin-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span:hover,
  .solutions-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span:hover,
  .internal-doc-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span:hover {
    border-bottom: 2px solid #048A81;
  }
  .api-container .api-operation-cols > .api-detail-col .share-link-gaps,
  .auth-plugin-container .api-operation-cols > .api-detail-col .share-link-gaps,
  .solutions-container .api-operation-cols > .api-detail-col .share-link-gaps,
  .internal-doc-container .api-operation-cols > .api-detail-col .share-link-gaps,
  .api-container .api-operation-cols > .api-data-col .share-link-gaps,
  .auth-plugin-container .api-operation-cols > .api-data-col .share-link-gaps,
  .solutions-container .api-operation-cols > .api-data-col .share-link-gaps,
  .internal-doc-container .api-operation-cols > .api-data-col .share-link-gaps {
    display: inline-flex;
    column-gap: 20px;
    padding-bottom: 30px;
  }
}
@media (max-width: 991px) and (max-width: 992px) {
  .api-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .auth-plugin-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .solutions-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .internal-doc-container .api-operation-cols > .api-detail-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .api-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .auth-plugin-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .solutions-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span,
  .internal-doc-container .api-operation-cols > .api-data-col .sandboxMobileViewContent .ui-action-link.btn.btn-link span span {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 991px) and (max-width: 414px) {
  .api-container .api-operation-cols > .api-detail-col .share-link-gaps,
  .auth-plugin-container .api-operation-cols > .api-detail-col .share-link-gaps,
  .solutions-container .api-operation-cols > .api-detail-col .share-link-gaps,
  .internal-doc-container .api-operation-cols > .api-detail-col .share-link-gaps,
  .api-container .api-operation-cols > .api-data-col .share-link-gaps,
  .auth-plugin-container .api-operation-cols > .api-data-col .share-link-gaps,
  .solutions-container .api-operation-cols > .api-data-col .share-link-gaps,
  .internal-doc-container .api-operation-cols > .api-data-col .share-link-gaps {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) and (max-width: 992px) {
  .api-container .api-operation-cols > .api-detail-col .share-link-gaps,
  .auth-plugin-container .api-operation-cols > .api-detail-col .share-link-gaps,
  .solutions-container .api-operation-cols > .api-detail-col .share-link-gaps,
  .internal-doc-container .api-operation-cols > .api-detail-col .share-link-gaps,
  .api-container .api-operation-cols > .api-data-col .share-link-gaps,
  .auth-plugin-container .api-operation-cols > .api-data-col .share-link-gaps,
  .solutions-container .api-operation-cols > .api-data-col .share-link-gaps,
  .internal-doc-container .api-operation-cols > .api-data-col .share-link-gaps {
    margin-top: -20px;
  }
}
@media (min-width: 992px) {
  .api-container .api-operation-cols > .api-detail-col,
  .auth-plugin-container .api-operation-cols > .api-detail-col,
  .solutions-container .api-operation-cols > .api-detail-col,
  .internal-doc-container .api-operation-cols > .api-detail-col {
    width: calc(100% - 45%);
  }
  .api-container .api-operation-cols > .api-detail-col.events,
  .auth-plugin-container .api-operation-cols > .api-detail-col.events,
  .solutions-container .api-operation-cols > .api-detail-col.events,
  .internal-doc-container .api-operation-cols > .api-detail-col.events {
    width: 70%;
    padding-right: 10px;
  }
  .api-container .api-operation-cols > .api-detail-col.events .event-title,
  .auth-plugin-container .api-operation-cols > .api-detail-col.events .event-title,
  .solutions-container .api-operation-cols > .api-detail-col.events .event-title,
  .internal-doc-container .api-operation-cols > .api-detail-col.events .event-title {
    font-family: Roobert Medium, sans-serif;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;
    text-transform: capitalize;
  }
  .api-container .api-operation-cols > .api-detail-col.events .parsed-data,
  .auth-plugin-container .api-operation-cols > .api-detail-col.events .parsed-data,
  .solutions-container .api-operation-cols > .api-detail-col.events .parsed-data,
  .internal-doc-container .api-operation-cols > .api-detail-col.events .parsed-data {
    padding-bottom: 20px;
  }
  .api-container .api-operation-cols > .api-detail-col.event-details,
  .auth-plugin-container .api-operation-cols > .api-detail-col.event-details,
  .solutions-container .api-operation-cols > .api-detail-col.event-details,
  .internal-doc-container .api-operation-cols > .api-detail-col.event-details {
    width: 50%;
  }
}
@media (min-width: 1400px) {
  .api-container .api-operation-cols > .api-detail-col.open,
  .auth-plugin-container .api-operation-cols > .api-detail-col.open,
  .solutions-container .api-operation-cols > .api-detail-col.open,
  .internal-doc-container .api-operation-cols > .api-detail-col.open {
    width: calc(100% - 45%);
  }
  .api-container .api-operation-cols > .api-detail-col.open.events,
  .auth-plugin-container .api-operation-cols > .api-detail-col.open.events,
  .solutions-container .api-operation-cols > .api-detail-col.open.events,
  .internal-doc-container .api-operation-cols > .api-detail-col.open.events {
    width: 70%;
    padding-right: 10px;
  }
  .api-container .api-operation-cols > .api-detail-col.open.events .event-title,
  .auth-plugin-container .api-operation-cols > .api-detail-col.open.events .event-title,
  .solutions-container .api-operation-cols > .api-detail-col.open.events .event-title,
  .internal-doc-container .api-operation-cols > .api-detail-col.open.events .event-title {
    font-family: Roobert Medium, sans-serif;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;
    text-transform: capitalize;
  }
  .api-container .api-operation-cols > .api-detail-col.open.events .parsed-data,
  .auth-plugin-container .api-operation-cols > .api-detail-col.open.events .parsed-data,
  .solutions-container .api-operation-cols > .api-detail-col.open.events .parsed-data,
  .internal-doc-container .api-operation-cols > .api-detail-col.open.events .parsed-data {
    padding-bottom: 20px;
  }
  .api-container .api-operation-cols > .api-detail-col.open.event-details,
  .auth-plugin-container .api-operation-cols > .api-detail-col.open.event-details,
  .solutions-container .api-operation-cols > .api-detail-col.open.event-details,
  .internal-doc-container .api-operation-cols > .api-detail-col.open.event-details {
    width: 50%;
  }
}
.api-container .api-operation-cols > .api-data-col,
.auth-plugin-container .api-operation-cols > .api-data-col,
.solutions-container .api-operation-cols > .api-data-col,
.internal-doc-container .api-operation-cols > .api-data-col {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 50px;
  z-index: 2;
  color: #ffffff;
}
@media (min-width: 992px) {
  .api-container .api-operation-cols > .api-data-col,
  .auth-plugin-container .api-operation-cols > .api-data-col,
  .solutions-container .api-operation-cols > .api-data-col,
  .internal-doc-container .api-operation-cols > .api-data-col {
    margin-top: 16px;
  }
  .api-container .api-operation-cols > .api-data-col.neg-top-margin,
  .auth-plugin-container .api-operation-cols > .api-data-col.neg-top-margin,
  .solutions-container .api-operation-cols > .api-data-col.neg-top-margin,
  .internal-doc-container .api-operation-cols > .api-data-col.neg-top-margin {
    margin-top: 0px;
  }
  .api-container .api-operation-cols > .api-data-col.eventMarginTop,
  .auth-plugin-container .api-operation-cols > .api-data-col.eventMarginTop,
  .solutions-container .api-operation-cols > .api-data-col.eventMarginTop,
  .internal-doc-container .api-operation-cols > .api-data-col.eventMarginTop {
    margin-top: -225px;
  }
}
.api-container .api-operation-cols > .api-data-col .api-data-window,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window,
.solutions-container .api-operation-cols > .api-data-col .api-data-window,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window {
  z-index: 1;
  background-color: #31373b;
  height: 100%;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload {
  background-color: #f7f9fb;
  border: 1px solid #dde3e8;
  border-radius: 8px;
  width: 95%;
  height: auto;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload pre,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload pre,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload pre,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload pre {
  padding-right: 0px;
  overflow-x: hidden;
  padding: inherit;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox {
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  padding-left: 30px;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment {
  width: 100%;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col {
  width: 100vw;
  right: 50px;
  top: 50px;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col .darkmode-events.dark,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col .darkmode-events.dark,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col .darkmode-events.dark,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col .darkmode-events.dark,
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col .events-expand.dark,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col .events-expand.dark,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col .events-expand.dark,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col .events-expand.dark,
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col .copy-events.dark,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col .copy-events.dark,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col .copy-events.dark,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .expanded-events-sandbox .api-comment .api-data-col .copy-events.dark {
  color: #4C575C;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .api-comment,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .api-comment,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .api-comment,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .api-comment {
  background-color: #f0f4f6;
  height: 50px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  padding-bottom: 0px;
  padding-top: 14px;
  padding-left: 15px;
  padding: 14px 8px 0px 15px;
  border-radius: 4px 4px 0px 0px;
  width: calc(100% + 2px);
  margin: -1px;
  position: relative;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .api-comment span,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .api-comment span,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .api-comment span,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .api-comment span {
  text-transform: capitalize;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details {
  padding-top: 20px;
  padding-left: 15px;
  overflow-y: auto;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-attr,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-attr,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-attr,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-attr {
  color: #6A6E71;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value {
  color: #B94F6C;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value .api-array,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value .api-array,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value .api-array,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value .api-array,
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value .api-object,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value .api-object,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value .api-object,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value .api-object {
  color: #1ccfc9;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode {
  background-color: #3B4449;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-comment,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-comment,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-comment,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-comment {
  background-color: #4C575C;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-header,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-header,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-header,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-header {
  color: #f7f9fb;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-heading,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-heading,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-heading,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-heading {
  color: #89E646;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-attr,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-attr,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-attr,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-attr {
  color: #E0E1E2;
}
.api-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-value,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-value,
.solutions-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-value,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-value {
  color: #ffc627;
}
.api-container .api-operation-cols > .api-data-col .api-payload-custom-padding > div,
.auth-plugin-container .api-operation-cols > .api-data-col .api-payload-custom-padding > div,
.solutions-container .api-operation-cols > .api-data-col .api-payload-custom-padding > div,
.internal-doc-container .api-operation-cols > .api-data-col .api-payload-custom-padding > div,
.api-container .api-operation-cols > .api-data-col .api-payload-custom-padding .api-heading > div,
.auth-plugin-container .api-operation-cols > .api-data-col .api-payload-custom-padding .api-heading > div,
.solutions-container .api-operation-cols > .api-data-col .api-payload-custom-padding .api-heading > div,
.internal-doc-container .api-operation-cols > .api-data-col .api-payload-custom-padding .api-heading > div {
  padding-left: 10px;
}
.api-container .api-operation-cols > .api-data-col .api-payload-custom-padding .api-array > div,
.auth-plugin-container .api-operation-cols > .api-data-col .api-payload-custom-padding .api-array > div,
.solutions-container .api-operation-cols > .api-data-col .api-payload-custom-padding .api-array > div,
.internal-doc-container .api-operation-cols > .api-data-col .api-payload-custom-padding .api-array > div,
.api-container .api-operation-cols > .api-data-col .api-payload-custom-padding .api-object > div,
.auth-plugin-container .api-operation-cols > .api-data-col .api-payload-custom-padding .api-object > div,
.solutions-container .api-operation-cols > .api-data-col .api-payload-custom-padding .api-object > div,
.internal-doc-container .api-operation-cols > .api-data-col .api-payload-custom-padding .api-object > div {
  padding-left: 10px;
}
.api-container .api-operation-cols > .api-data-col pre,
.auth-plugin-container .api-operation-cols > .api-data-col pre,
.solutions-container .api-operation-cols > .api-data-col pre,
.internal-doc-container .api-operation-cols > .api-data-col pre {
  color: #3A7E4A;
  background-color: inherit;
  border: none;
  border-radius: 0px;
  white-space: pre-wrap;
  word-break: break-word;
  padding-top: 0px;
  padding-left: 0px;
  margin-bottom: 5px;
}
.api-container .api-operation-cols > .api-data-col pre .api-attr,
.auth-plugin-container .api-operation-cols > .api-data-col pre .api-attr,
.solutions-container .api-operation-cols > .api-data-col pre .api-attr,
.internal-doc-container .api-operation-cols > .api-data-col pre .api-attr {
  color: #3A7E4A;
  font-family: Menlo, sans-serif;
  font-size: 14px;
}
.api-container .api-operation-cols > .api-data-col pre .api-value-padding,
.auth-plugin-container .api-operation-cols > .api-data-col pre .api-value-padding,
.solutions-container .api-operation-cols > .api-data-col pre .api-value-padding,
.internal-doc-container .api-operation-cols > .api-data-col pre .api-value-padding {
  padding-left: 8px;
}
.api-container .api-operation-cols > .api-data-col pre .api-value,
.auth-plugin-container .api-operation-cols > .api-data-col pre .api-value,
.solutions-container .api-operation-cols > .api-data-col pre .api-value,
.internal-doc-container .api-operation-cols > .api-data-col pre .api-value {
  color: #dde3e8;
  font-family: Menlo, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.api-container .api-operation-cols > .api-data-col pre .api-comment,
.auth-plugin-container .api-operation-cols > .api-data-col pre .api-comment,
.solutions-container .api-operation-cols > .api-data-col pre .api-comment,
.internal-doc-container .api-operation-cols > .api-data-col pre .api-comment {
  color: #57c9e8;
  padding-bottom: 15px;
  font-family: Roobert Bold, sans-serif;
  font-size: 18px;
}
.api-container .api-operation-cols > .api-data-col pre .api-array > div,
.auth-plugin-container .api-operation-cols > .api-data-col pre .api-array > div,
.solutions-container .api-operation-cols > .api-data-col pre .api-array > div,
.internal-doc-container .api-operation-cols > .api-data-col pre .api-array > div,
.api-container .api-operation-cols > .api-data-col pre .api-object > div,
.auth-plugin-container .api-operation-cols > .api-data-col pre .api-object > div,
.solutions-container .api-operation-cols > .api-data-col pre .api-object > div,
.internal-doc-container .api-operation-cols > .api-data-col pre .api-object > div {
  padding-left: 10px;
}
.api-container .api-operation-cols > .api-data-col pre .api-object.api-array::before,
.auth-plugin-container .api-operation-cols > .api-data-col pre .api-object.api-array::before,
.solutions-container .api-operation-cols > .api-data-col pre .api-object.api-array::before,
.internal-doc-container .api-operation-cols > .api-data-col pre .api-object.api-array::before {
  content: "[{\a";
}
.api-container .api-operation-cols > .api-data-col pre .api-object.api-array::after,
.auth-plugin-container .api-operation-cols > .api-data-col pre .api-object.api-array::after,
.solutions-container .api-operation-cols > .api-data-col pre .api-object.api-array::after,
.internal-doc-container .api-operation-cols > .api-data-col pre .api-object.api-array::after {
  content: "}]";
}
.api-container .api-operation-cols > .api-data-col .api-data-window::-webkit-scrollbar,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window::-webkit-scrollbar,
.solutions-container .api-operation-cols > .api-data-col .api-data-window::-webkit-scrollbar,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
  background-color: #000000;
}
.api-container .api-operation-cols > .api-data-col .api-data-window::-webkit-scrollbar-thumb,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-window::-webkit-scrollbar-thumb,
.solutions-container .api-operation-cols > .api-data-col .api-data-window::-webkit-scrollbar-thumb,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-window::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ffffff;
}
.api-container .api-operation-cols > .api-data-col .status-success,
.auth-plugin-container .api-operation-cols > .api-data-col .status-success,
.solutions-container .api-operation-cols > .api-data-col .status-success,
.internal-doc-container .api-operation-cols > .api-data-col .status-success {
  color: #00bdb6;
  font-weight: bold;
}
.api-container .api-operation-cols > .api-data-col .status-pending,
.auth-plugin-container .api-operation-cols > .api-data-col .status-pending,
.solutions-container .api-operation-cols > .api-data-col .status-pending,
.internal-doc-container .api-operation-cols > .api-data-col .status-pending {
  color: #ff671b;
}
.api-container .api-operation-cols > .api-data-col .status-error,
.auth-plugin-container .api-operation-cols > .api-data-col .status-error,
.solutions-container .api-operation-cols > .api-data-col .status-error,
.internal-doc-container .api-operation-cols > .api-data-col .status-error {
  color: #f78075;
}
.api-container .api-operation-cols > .api-data-col.open,
.auth-plugin-container .api-operation-cols > .api-data-col.open,
.solutions-container .api-operation-cols > .api-data-col.open,
.internal-doc-container .api-operation-cols > .api-data-col.open {
  z-index: 2;
}
.api-container .api-operation-cols > .api-data-col.open.eventMarginTop,
.auth-plugin-container .api-operation-cols > .api-data-col.open.eventMarginTop,
.solutions-container .api-operation-cols > .api-data-col.open.eventMarginTop,
.internal-doc-container .api-operation-cols > .api-data-col.open.eventMarginTop {
  margin-top: -200px;
  width: 42%;
  padding-left: 5px;
  margin: auto;
}
@media (max-width: 767px) {
  .api-container .api-operation-cols > .api-data-col.open.eventMarginTop,
  .auth-plugin-container .api-operation-cols > .api-data-col.open.eventMarginTop,
  .solutions-container .api-operation-cols > .api-data-col.open.eventMarginTop,
  .internal-doc-container .api-operation-cols > .api-data-col.open.eventMarginTop {
    margin-top: -280px;
  }
}
.api-container .api-operation-cols > .api-data-col.floating-z-index,
.auth-plugin-container .api-operation-cols > .api-data-col.floating-z-index,
.solutions-container .api-operation-cols > .api-data-col.floating-z-index,
.internal-doc-container .api-operation-cols > .api-data-col.floating-z-index {
  z-index: 2;
}
.api-container .api-operation-cols > .api-data-col.event-index,
.auth-plugin-container .api-operation-cols > .api-data-col.event-index,
.solutions-container .api-operation-cols > .api-data-col.event-index,
.internal-doc-container .api-operation-cols > .api-data-col.event-index {
  z-index: 2;
}
.api-container .api-operation-cols > .api-data-col.event-index .shareable-link-api,
.auth-plugin-container .api-operation-cols > .api-data-col.event-index .shareable-link-api,
.solutions-container .api-operation-cols > .api-data-col.event-index .shareable-link-api,
.internal-doc-container .api-operation-cols > .api-data-col.event-index .shareable-link-api {
  width: 310px;
  text-align: right;
}
.api-container .api-operation-cols > .api-data-col .api-data-title,
.auth-plugin-container .api-operation-cols > .api-data-col .api-data-title,
.solutions-container .api-operation-cols > .api-data-col .api-data-title,
.internal-doc-container .api-operation-cols > .api-data-col .api-data-title {
  font-family: Roobert Medium, sans-serif;
}
.api-container .api-operation-cols > .api-data-col .response-body .api-comment,
.auth-plugin-container .api-operation-cols > .api-data-col .response-body .api-comment,
.solutions-container .api-operation-cols > .api-data-col .response-body .api-comment,
.internal-doc-container .api-operation-cols > .api-data-col .response-body .api-comment {
  position: absolute;
  top: 0;
  background: #31373b;
  width: 88%;
  height: 25px;
}
.api-container .api-operation-cols > .api-data-col .response-body .api-value-padding,
.auth-plugin-container .api-operation-cols > .api-data-col .response-body .api-value-padding,
.solutions-container .api-operation-cols > .api-data-col .response-body .api-value-padding,
.internal-doc-container .api-operation-cols > .api-data-col .response-body .api-value-padding {
  padding-top: 40px;
}
.api-container .api-operation-cols > .api-data-col .request-body-param .api-comment,
.auth-plugin-container .api-operation-cols > .api-data-col .request-body-param .api-comment,
.solutions-container .api-operation-cols > .api-data-col .request-body-param .api-comment,
.internal-doc-container .api-operation-cols > .api-data-col .request-body-param .api-comment {
  position: absolute;
  top: 0;
  background: #31373b;
  width: 88%;
  height: 25px;
}
.api-container .api-operation-cols > .api-data-col .request-body-param .api-value-padding,
.auth-plugin-container .api-operation-cols > .api-data-col .request-body-param .api-value-padding,
.solutions-container .api-operation-cols > .api-data-col .request-body-param .api-value-padding,
.internal-doc-container .api-operation-cols > .api-data-col .request-body-param .api-value-padding {
  padding-top: 40px;
}
.api-container .api-operation-cols h3,
.auth-plugin-container .api-operation-cols h3,
.solutions-container .api-operation-cols h3,
.internal-doc-container .api-operation-cols h3 {
  color: #5a5f62;
}
@media (max-width: 992px) {
  .api-container .api-operation-cols h3,
  .auth-plugin-container .api-operation-cols h3,
  .solutions-container .api-operation-cols h3,
  .internal-doc-container .api-operation-cols h3 {
    font-size: 20px;
  }
}
.api-container .api-operation-cols h3.api-title-bold,
.auth-plugin-container .api-operation-cols h3.api-title-bold,
.solutions-container .api-operation-cols h3.api-title-bold,
.internal-doc-container .api-operation-cols h3.api-title-bold {
  color: #323436;
  font-family: Roobert Bold, sans-serif;
  font-size: 22px;
  line-height: 31px;
}
@media (max-width: 992px) {
  .api-container .api-operation-cols h3.api-title-bold,
  .auth-plugin-container .api-operation-cols h3.api-title-bold,
  .solutions-container .api-operation-cols h3.api-title-bold,
  .internal-doc-container .api-operation-cols h3.api-title-bold {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 992px) {
  .api-container .api-operation-cols h4,
  .auth-plugin-container .api-operation-cols h4,
  .solutions-container .api-operation-cols h4,
  .internal-doc-container .api-operation-cols h4 {
    font-size: 20px;
    color: #5a5f62;
    margin-bottom: 20px;
  }
}
.api-container .api-padding-cols,
.auth-plugin-container .api-padding-cols,
.solutions-container .api-padding-cols,
.internal-doc-container .api-padding-cols {
  display: flex;
  flex-direction: row;
  letter-spacing: 0px;
  width: 100%;
}
@media (max-width: 991px) {
  .api-container .api-padding-cols,
  .auth-plugin-container .api-padding-cols,
  .solutions-container .api-padding-cols,
  .internal-doc-container .api-padding-cols {
    display: block;
  }
}
.api-container .api-padding-cols > .api-content-col,
.auth-plugin-container .api-padding-cols > .api-content-col,
.solutions-container .api-padding-cols > .api-content-col,
.internal-doc-container .api-padding-cols > .api-content-col {
  letter-spacing: normal;
  vertical-align: top;
  min-height: 100%;
  width: calc(100% - 290px);
  overflow-x: hidden;
}
.api-container .api-padding-cols #side-nav-list,
.auth-plugin-container .api-padding-cols #side-nav-list,
.solutions-container .api-padding-cols #side-nav-list,
.internal-doc-container .api-padding-cols #side-nav-list,
.api-container .api-padding-cols #api-content-container,
.auth-plugin-container .api-padding-cols #api-content-container,
.solutions-container .api-padding-cols #api-content-container,
.internal-doc-container .api-padding-cols #api-content-container,
.api-container .api-padding-cols #api-overview-container,
.auth-plugin-container .api-padding-cols #api-overview-container,
.solutions-container .api-padding-cols #api-overview-container,
.internal-doc-container .api-padding-cols #api-overview-container {
  height: inherit;
  z-index: 1;
}
@media (min-width: 1200px) {
  .api-container .api-padding-cols #side-nav-list,
  .auth-plugin-container .api-padding-cols #side-nav-list,
  .solutions-container .api-padding-cols #side-nav-list,
  .internal-doc-container .api-padding-cols #side-nav-list,
  .api-container .api-padding-cols #api-content-container,
  .auth-plugin-container .api-padding-cols #api-content-container,
  .solutions-container .api-padding-cols #api-content-container,
  .internal-doc-container .api-padding-cols #api-content-container,
  .api-container .api-padding-cols #api-overview-container,
  .auth-plugin-container .api-padding-cols #api-overview-container,
  .solutions-container .api-padding-cols #api-overview-container,
  .internal-doc-container .api-padding-cols #api-overview-container {
    overflow-y: scroll;
    padding-bottom: 0px;
  }
  .api-container .api-padding-cols #side-nav-list.events-content,
  .auth-plugin-container .api-padding-cols #side-nav-list.events-content,
  .solutions-container .api-padding-cols #side-nav-list.events-content,
  .internal-doc-container .api-padding-cols #side-nav-list.events-content,
  .api-container .api-padding-cols #api-content-container.events-content,
  .auth-plugin-container .api-padding-cols #api-content-container.events-content,
  .solutions-container .api-padding-cols #api-content-container.events-content,
  .internal-doc-container .api-padding-cols #api-content-container.events-content,
  .api-container .api-padding-cols #api-overview-container.events-content,
  .auth-plugin-container .api-padding-cols #api-overview-container.events-content,
  .solutions-container .api-padding-cols #api-overview-container.events-content,
  .internal-doc-container .api-padding-cols #api-overview-container.events-content {
    padding-bottom: 30px;
  }
}
.api-container .api-padding-cols #side-nav-list::-webkit-scrollbar,
.auth-plugin-container .api-padding-cols #side-nav-list::-webkit-scrollbar,
.solutions-container .api-padding-cols #side-nav-list::-webkit-scrollbar,
.internal-doc-container .api-padding-cols #side-nav-list::-webkit-scrollbar,
.api-container .api-padding-cols #api-content-container::-webkit-scrollbar,
.auth-plugin-container .api-padding-cols #api-content-container::-webkit-scrollbar,
.solutions-container .api-padding-cols #api-content-container::-webkit-scrollbar,
.internal-doc-container .api-padding-cols #api-content-container::-webkit-scrollbar,
.api-container .api-padding-cols #api-overview-container::-webkit-scrollbar,
.auth-plugin-container .api-padding-cols #api-overview-container::-webkit-scrollbar,
.solutions-container .api-padding-cols #api-overview-container::-webkit-scrollbar,
.internal-doc-container .api-padding-cols #api-overview-container::-webkit-scrollbar {
  width: 0px;
  border-radius: 0px;
  background-color: transparent;
}
.api-container .api-padding-cols #side-nav-list::-webkit-scrollbar-track,
.auth-plugin-container .api-padding-cols #side-nav-list::-webkit-scrollbar-track,
.solutions-container .api-padding-cols #side-nav-list::-webkit-scrollbar-track,
.internal-doc-container .api-padding-cols #side-nav-list::-webkit-scrollbar-track,
.api-container .api-padding-cols #api-content-container::-webkit-scrollbar-track,
.auth-plugin-container .api-padding-cols #api-content-container::-webkit-scrollbar-track,
.solutions-container .api-padding-cols #api-content-container::-webkit-scrollbar-track,
.internal-doc-container .api-padding-cols #api-content-container::-webkit-scrollbar-track,
.api-container .api-padding-cols #api-overview-container::-webkit-scrollbar-track,
.auth-plugin-container .api-padding-cols #api-overview-container::-webkit-scrollbar-track,
.solutions-container .api-padding-cols #api-overview-container::-webkit-scrollbar-track,
.internal-doc-container .api-padding-cols #api-overview-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.api-container .api-padding-cols #side-nav-list::-webkit-scrollbar-thumb,
.auth-plugin-container .api-padding-cols #side-nav-list::-webkit-scrollbar-thumb,
.solutions-container .api-padding-cols #side-nav-list::-webkit-scrollbar-thumb,
.internal-doc-container .api-padding-cols #side-nav-list::-webkit-scrollbar-thumb,
.api-container .api-padding-cols #api-content-container::-webkit-scrollbar-thumb,
.auth-plugin-container .api-padding-cols #api-content-container::-webkit-scrollbar-thumb,
.solutions-container .api-padding-cols #api-content-container::-webkit-scrollbar-thumb,
.internal-doc-container .api-padding-cols #api-content-container::-webkit-scrollbar-thumb,
.api-container .api-padding-cols #api-overview-container::-webkit-scrollbar-thumb,
.auth-plugin-container .api-padding-cols #api-overview-container::-webkit-scrollbar-thumb,
.solutions-container .api-padding-cols #api-overview-container::-webkit-scrollbar-thumb,
.internal-doc-container .api-padding-cols #api-overview-container::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: transparent;
}
.api-container .api-padding-cols #side-nav-list::-webkit-scrollbar:horizontal,
.auth-plugin-container .api-padding-cols #side-nav-list::-webkit-scrollbar:horizontal,
.solutions-container .api-padding-cols #side-nav-list::-webkit-scrollbar:horizontal,
.internal-doc-container .api-padding-cols #side-nav-list::-webkit-scrollbar:horizontal,
.api-container .api-padding-cols #api-content-container::-webkit-scrollbar:horizontal,
.auth-plugin-container .api-padding-cols #api-content-container::-webkit-scrollbar:horizontal,
.solutions-container .api-padding-cols #api-content-container::-webkit-scrollbar:horizontal,
.internal-doc-container .api-padding-cols #api-content-container::-webkit-scrollbar:horizontal,
.api-container .api-padding-cols #api-overview-container::-webkit-scrollbar:horizontal,
.auth-plugin-container .api-padding-cols #api-overview-container::-webkit-scrollbar:horizontal,
.solutions-container .api-padding-cols #api-overview-container::-webkit-scrollbar:horizontal,
.internal-doc-container .api-padding-cols #api-overview-container::-webkit-scrollbar:horizontal {
  display: none;
}
.api-container .api-url,
.auth-plugin-container .api-url,
.solutions-container .api-url,
.internal-doc-container .api-url {
  border: 1px solid #DDE3E8;
  border-radius: 0px;
  min-height: 35px;
  word-break: break-all;
  padding: 20px;
  background-color: #f7f9fb;
  margin-bottom: 0px;
  color: #5E7482;
  font-size: 14px;
}
.api-container .select-label,
.auth-plugin-container .select-label,
.solutions-container .select-label,
.internal-doc-container .select-label {
  font-weight: 600;
  color: #5a5f62;
}
.api-container .api-select-label,
.auth-plugin-container .api-select-label,
.solutions-container .api-select-label,
.internal-doc-container .api-select-label {
  padding-bottom: 20px;
}
.api-container .api-content-section,
.auth-plugin-container .api-content-section,
.solutions-container .api-content-section,
.internal-doc-container .api-content-section {
  padding-top: 24px;
  padding-bottom: 20px;
  z-index: 6;
}
.api-container .api-content-section pre,
.auth-plugin-container .api-content-section pre,
.solutions-container .api-content-section pre,
.internal-doc-container .api-content-section pre {
  border-radius: 0;
  border: 1px solid #DDE3E8;
  background-color: #f7f9fb;
  margin-bottom: 0px;
  color: #5E7482;
  font-size: 14px;
}
.api-container .api-content-section .operation-info,
.auth-plugin-container .api-content-section .operation-info,
.solutions-container .api-content-section .operation-info,
.internal-doc-container .api-content-section .operation-info {
  padding-top: 4px;
}
.api-container .api-content-section .operation-info .select-label,
.auth-plugin-container .api-content-section .operation-info .select-label,
.solutions-container .api-content-section .operation-info .select-label,
.internal-doc-container .api-content-section .operation-info .select-label {
  font-family: Roobert Medium, sans-serif;
}
.api-container .api-content-section .parsed-data,
.auth-plugin-container .api-content-section .parsed-data,
.solutions-container .api-content-section .parsed-data,
.internal-doc-container .api-content-section .parsed-data {
  font-size: 16px;
}
.api-container .api-content-section .parsed-data p,
.auth-plugin-container .api-content-section .parsed-data p,
.solutions-container .api-content-section .parsed-data p,
.internal-doc-container .api-content-section .parsed-data p {
  padding-top: 10px;
  margin-bottom: 0;
}
.api-container .api-content-section .parsed-data span,
.auth-plugin-container .api-content-section .parsed-data span,
.solutions-container .api-content-section .parsed-data span,
.internal-doc-container .api-content-section .parsed-data span {
  padding-top: 10px;
}
.api-container .api-content-section .parsed-data a,
.auth-plugin-container .api-content-section .parsed-data a,
.solutions-container .api-content-section .parsed-data a,
.internal-doc-container .api-content-section .parsed-data a {
  color: #395FF0;
  font-family: Roobert Medium, sans-serif;
  cursor: pointer;
}
.api-container .api-content-value span,
.auth-plugin-container .api-content-value span,
.solutions-container .api-content-value span,
.internal-doc-container .api-content-value span {
  margin-top: 6px;
  display: inline-block;
}
.api-container .api-content-heading,
.auth-plugin-container .api-content-heading,
.solutions-container .api-content-heading,
.internal-doc-container .api-content-heading {
  padding-bottom: 10px;
  color: #5f6b73;
  font-weight: 300;
}
.api-container .api-content-required,
.auth-plugin-container .api-content-required,
.solutions-container .api-content-required,
.internal-doc-container .api-content-required {
  color: #5f6b73;
  font-weight: 300;
}
.api-container .api-status-green,
.auth-plugin-container .api-status-green,
.solutions-container .api-status-green,
.internal-doc-container .api-status-green,
.api-container .api-status-red,
.auth-plugin-container .api-status-red,
.solutions-container .api-status-red,
.internal-doc-container .api-status-red {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #CE1518;
  margin-top: 6px;
  margin-right: 14px;
}
.api-container .api-status-green,
.auth-plugin-container .api-status-green,
.solutions-container .api-status-green,
.internal-doc-container .api-status-green {
  background-color: #028053;
}
.api-container .api-status-red,
.auth-plugin-container .api-status-red,
.solutions-container .api-status-red,
.internal-doc-container .api-status-red {
  background-color: #CE1518;
}
.api-container .api-response-container .api-detail-col,
.auth-plugin-container .api-response-container .api-detail-col,
.solutions-container .api-response-container .api-detail-col,
.internal-doc-container .api-response-container .api-detail-col {
  padding: 0px;
}
.api-container .api-response-container .api-scenario-response,
.auth-plugin-container .api-response-container .api-scenario-response,
.solutions-container .api-response-container .api-scenario-response,
.internal-doc-container .api-response-container .api-scenario-response {
  display: none;
}
.api-container .api-response-container .api-scenario-response .api-response-status,
.auth-plugin-container .api-response-container .api-scenario-response .api-response-status,
.solutions-container .api-response-container .api-scenario-response .api-response-status,
.internal-doc-container .api-response-container .api-scenario-response .api-response-status {
  display: inline-block;
  padding-top: 3px;
}
.api-container .api-scenario-response-panel,
.auth-plugin-container .api-scenario-response-panel,
.solutions-container .api-scenario-response-panel,
.internal-doc-container .api-scenario-response-panel {
  margin-top: 20px;
  padding-top: 10px;
}
.api-container .api-scenario-response-panel .api-response-status,
.auth-plugin-container .api-scenario-response-panel .api-response-status,
.solutions-container .api-scenario-response-panel .api-response-status,
.internal-doc-container .api-scenario-response-panel .api-response-status {
  display: inline-block;
  padding-left: 15px;
  padding-top: 3px;
}
.api-container .api-response-info,
.auth-plugin-container .api-response-info,
.solutions-container .api-response-info,
.internal-doc-container .api-response-info {
  border-top: solid #f2f4f6 1px;
  margin-top: 20px;
  padding-top: 10px;
}
.api-container .api-response-info .api-response-status,
.auth-plugin-container .api-response-info .api-response-status,
.solutions-container .api-response-info .api-response-status,
.internal-doc-container .api-response-info .api-response-status {
  display: inline-block;
  padding-left: 15px;
  padding-top: 3px;
}
.api-container .api-body-detail,
.auth-plugin-container .api-body-detail,
.solutions-container .api-body-detail,
.internal-doc-container .api-body-detail {
  padding: 4px 15px 4px 15px;
  height: 300px;
  overflow-x: auto;
}
.api-container .api-param-type,
.auth-plugin-container .api-param-type,
.solutions-container .api-param-type,
.internal-doc-container .api-param-type {
  font-family: monospace;
  word-break: break-all;
  font-weight: 300;
  display: inline-block;
  float: right;
  clear: both;
  color: #5E7482;
  font-size: 16px;
}
.api-container .api-content,
.auth-plugin-container .api-content,
.solutions-container .api-content,
.internal-doc-container .api-content {
  height: inherit;
  position: inherit;
}
.api-container .api-content.api-scenario-spinner,
.auth-plugin-container .api-content.api-scenario-spinner,
.solutions-container .api-content.api-scenario-spinner,
.internal-doc-container .api-content.api-scenario-spinner {
  width: 100%;
}
@media (min-width: 1200px) {
  .api-container .api-content.api-scenario-spinner,
  .auth-plugin-container .api-content.api-scenario-spinner,
  .solutions-container .api-content.api-scenario-spinner,
  .internal-doc-container .api-content.api-scenario-spinner {
    width: calc(100% - 400px);
  }
}
.api-content-container {
  height: calc(100vh - 108px);
}
.api-content-container label {
  font-size: 16px;
}
.api-content-container nav {
  font-size: 16px;
}
.api-content-container .api-content-overlay {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.api-content-container .app-content-light-border {
  margin: auto;
  border-top: 1px solid #eeeeee;
}
.internal-doc-container > .api-content-container .api-content-container {
  height: calc(100vh - 54px);
}
@media (max-width: 991px) {
  .api-overview-container {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .api-overview-container {
    min-height: calc(100% - 338px);
  }
}
.api-overview-container .api-overview .api-overview-details {
  padding: 53px 40px 50px;
}
@media (max-width: 992px) {
  .api-overview-container .api-overview .api-overview-details {
    padding: 30px 12px 50px;
  }
}
.api-overview-container .api-overview .api-overview-details .view-operation:not(:last-of-type)::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #DDE3E8;
  margin-top: 40px;
}
.api-overview-container .api-overview .api-overview-details ul > li > div {
  font-size: 16px;
}
.api-overview-container .api-overview .api-overview-details ul > li > div b {
  font-family: Roobert, sans-serif;
  color: #000000;
}
.api-overview-container .api-overview .api-overview-details ul > li > div .dash {
  width: 15px;
  height: 1px;
  background-color: #000000;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.api-overview-container .api-overview .api-overview-details ul > li:not(:last-child) {
  padding-bottom: 12px;
  line-height: 24px;
}
.api-overview-container .api-overview .api-overview-details .no-meta {
  margin-left: auto;
  margin-right: auto;
  max-width: 375px;
}
.api-overview-container .api-overview .api-overview-details .no-meta .meta-icon {
  max-height: 260px;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.api-overview-container .api-overview .api-overview-details .no-meta .no-meta-text {
  padding-top: 20px;
  text-align: center;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  letter-spacing: 0px;
}
.api-overview-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-heading {
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 20px;
}
.api-overview-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}
.api-overview-container .api-overview .api-overview-header {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 40px 40px 46px;
  border-bottom: 1px solid #dde3e9;
}
@media (max-width: 992px) {
  .api-overview-container .api-overview .api-overview-header {
    padding: 40px 12px 46px;
    display: flex;
    flex-direction: column;
  }
}
.api-overview-container .api-overview .api-overview-header .api-overview-header-left {
  width: 80%;
}
@media (max-width: 992px) {
  .api-overview-container .api-overview .api-overview-header .api-overview-header-left {
    width: 100%;
  }
}
.api-overview-container .api-overview .api-overview-header .api-overview-header-left .header-title {
  font-size: 36px;
  padding-top: 10px;
}
@media (max-width: 992px) {
  .api-overview-container .api-overview .api-overview-header .api-overview-header-left .header-title {
    font-size: 24px;
  }
}
.api-overview-container .api-overview .api-overview-header .api-overview-header-left .header-title .icon {
  color: #395FF0;
  font-size: 65px;
  margin-right: 20px;
  line-height: 0.5;
  vertical-align: top;
}
.api-overview-container .api-overview .api-overview-header .api-overview-header-left .header-title .segment-name {
  vertical-align: top;
  font-family: Roobert, sans-serif;
  font-size: 32px;
  line-height: 48px;
  color: #000000;
}
@media (max-width: 768px) {
  .api-overview-container .api-overview .api-overview-header .api-overview-header-left .header-title .segment-name {
    font-size: 24px;
    line-height: 31px;
  }
}
.api-overview-container .api-overview .api-overview-header .api-overview-header-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 20%;
}
@media (max-width: 992px) {
  .api-overview-container .api-overview .api-overview-header .api-overview-header-right {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.api-overview-container .api-overview .api-overview-header .api-overview-header-right .shareable-link-api {
  margin-top: 0;
}
@media (max-width: 992px) {
  .api-overview-container .api-overview .api-overview-header .api-overview-header-right .shareable-link-api {
    margin-top: 30px;
  }
}
.api-overview-container .api-overview .api-link {
  font-family: Roobert Bold, sans-serif;
  padding: 50px 30px 50px 30px;
}
.api-overview-container .api-overview .api-link svg {
  margin-right: 20px;
}
.api-overview-container .api-overview .api-sandbox-nav {
  text-align: center;
  color: #323436;
}
.api-overview-container .api-overview .api-sandbox-nav .api-button {
  padding-top: 40px;
  padding-bottom: 100px;
  display: inline-block;
}
.api-overview-container .api-overview .api-sandbox-nav .api-button .button-text-camelCase {
  text-transform: none;
}
.api-overview-container .api-overview .api-sandbox-nav h2 {
  color: #323436;
  padding-top: 60px;
  font-family: Roobert Bold, sans-serif;
}
.api-overview-container .api-overview .api-desc {
  padding-top: 20px;
  text-align: left;
  color: #00406e;
  vertical-align: middle;
}
.api-overview-container .api-overview .no-meta-container {
  padding-top: 40px;
}
.api-overview-container .api-overview .no-meta-container span.icon {
  font-size: 24px;
  vertical-align: text-top;
  padding-right: 15px;
}
.api-overview-container .api-overview .operation-desc {
  color: #000000;
  margin-bottom: 20px;
  font-size: 16px;
  font-family: Roobert, sans-serif;
  line-height: 24px;
}
.api-overview-container .api-overview .operation-title {
  font-family: Roobert, sans-serif;
  font-size: 22px;
  color: #000000;
  line-height: 31px;
  padding-bottom: 12px;
}
.api-overview-container .api-overview .operation-title:not(:first-child) {
  padding-top: 24px;
}
@media (max-width: 992px) {
  .api-overview-container .api-overview .operation-title {
    font-size: 20px;
    line-height: 27px;
  }
}
.api-overview-container .api-overview .view-operation {
  padding-top: 24px;
}
.api-overview-container .api-overview .view-operation .ui-action-link.btn.btn-link {
  text-decoration: none;
  padding: 0;
}
.api-overview-container .api-overview .view-operation .ui-action-link.btn.btn-link:focus,
.api-overview-container .api-overview .view-operation .ui-action-link.btn.btn-link :active {
  box-shadow: none;
}
.api-overview-container .api-overview .view-operation .ui-action-link.btn.btn-link:focus-visible {
  outline: 2px solid #048A81;
}
.api-overview-container .api-overview .view-operation .ui-action-link.btn.btn-link span span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 23px;
  color: #048A81;
  margin-bottom: 10px;
  font-family: Roobert Medium, sans-serif;
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
}
.api-overview-container .api-overview .view-operation .ui-action-link.btn.btn-link span span i,
.api-overview-container .api-overview .view-operation .ui-action-link.btn.btn-link span span svg {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #048A81;
  margin-left: 6px;
  height: 20px;
  width: 20px;
}
.api-overview-container .api-overview .view-operation .ui-action-link.btn.btn-link span span:hover {
  border-bottom: 2px solid #048A81;
}
@media (max-width: 992px) {
  .api-overview-container .api-overview .view-operation .ui-action-link.btn.btn-link span span {
    font-size: 14px;
    line-height: 20px;
  }
}
.api-overview-container .api-overview .api-desc {
  padding-top: 11px;
  text-align: left;
  color: #000000;
  vertical-align: middle;
  font-family: Roobert, sans-serif;
  font-size: 18px;
  line-height: 29px;
}
.api-overview-container .api-overview .no-meta-container {
  padding-top: 40px;
}
.api-overview-container .api-overview .no-meta-container span.icon {
  font-size: 24px;
  vertical-align: text-top;
  padding-right: 15px;
}
.api-overview-container .api-overview .error-missing-operation {
  background: linear-gradient(to top right, #ffffff, #f3898b);
  padding: 1.25em;
  margin-bottom: 1.1em;
}
.api-overview-container .api-overview .error-missing-operation .error-api-text {
  font-size: 14px;
  color: #f34235;
}
.api-overview-container .api-overview .error-missing-operation .error-api-text svg {
  margin-right: 5px;
}
.api-overview-container .api-overview .error-missing-operation .error-api-text span.error-prop {
  font-weight: 900;
}
.api-overview-container .api-overview .error-missing-operation .error-api-text span.error-key {
  font-weight: 900;
}
.api-scenario-container::before {
  content: "";
  display: block;
  height: 1px;
  background-color: #DDE3E8;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .api-scenario-container::before {
    margin-bottom: 40px;
  }
}
.api-scenario-container {
  padding: 0px 40px 100px;
}
@media (max-width: 991px) {
  .api-scenario-container {
    padding: 0px 12px 100px;
  }
}
.api-scenario-container pre {
  white-space: pre-wrap;
  word-break: break-word;
}
.api-scenario-container .api-comment {
  padding-top: 10px;
}
.api-scenario-container .api-scenario-param {
  padding-top: 10px;
  padding-bottom: 10px;
}
.api-scenario-container .api-scenario-param:not(:last-child) {
  padding-bottom: 32px;
}
.api-scenario-container .api-scenario-param .param-name {
  color: #5E7482;
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  padding-bottom: 8px;
}
.api-scenario-container .api-scenario-param .operation-type,
.api-scenario-container .api-scenario-param .operation-required {
  text-align: right;
  color: #b3b5b6;
}
.api-scenario-container .api-scenario-param .param-value {
  background-color: #f7f9fb;
  margin-bottom: 0px;
  color: #5E7482;
  font-size: 14px;
}
.api-scenario-container .api-scenario-param .row {
  align-items: center;
  margin: 0;
}
.api-scenario-container .api-scenario-param .row div pre {
  border-radius: 0;
  border: 1px solid #DDE3E8;
}
.api-scenario-container .api-scenario .operation-method {
  height: 18px;
  flex: none;
  max-width: 64px;
  background-color: #dde3e8;
  color: #5E7482;
  text-transform: uppercase;
  text-align: center;
  margin-top: 2px;
  font-size: 12px;
  font-family: Roobert Medium, sans-serif;
  border-radius: 25px;
}
.api-scenario-container .api-scenario .api-content-section pre {
  border-radius: 0;
  border: 1px solid #DDE3E8;
}
.api-scenario-container .api-scenario .api-content-section .api-select-label {
  font-family: Roobert Bold, sans-serif;
  color: #323436;
  font-size: 22px;
}
.api-scenario-container .error-missing-operation {
  background: linear-gradient(to top right, #ffffff, #f3898b);
  padding: 1.25em;
  margin-bottom: 1.1em;
}
.api-scenario-container .error-missing-operation .error-api-text {
  font-size: 14px;
  color: #f34235;
}
.api-scenario-container .error-missing-operation .error-api-text svg {
  margin-right: 5px;
}
.api-scenario-container .error-missing-operation .error-api-text span.error-prop {
  font-weight: 900;
}
.api-scenario-container .error-missing-operation .error-api-text span.error-key {
  font-weight: 900;
}
.api-operation-container {
  padding: 40px 40px 26px;
}
@media (max-width: 992px) {
  .api-operation-container {
    padding: 60px 12px 26px;
  }
}
.api-operation-container a .api-operation-param .operation-description .paramInfo {
  font-size: 16px;
  color: #5E7482;
  cursor: pointer;
  font-family: Roobert Medium, sans-serif;
  width: 100%;
  max-width: max-content;
}
.api-operation-container a.api-operation-param {
  display: block;
}
.api-operation-container a[data-bs-toggle="collapse"]:focus,
.api-operation-container a[data-bs-toggle="collapse"]:active {
  outline: none;
  box-shadow: none;
}
.api-operation-container a[data-bs-toggle="collapse"]:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.api-operation-container .api-operation-body .api-param-child {
  border-left: 2px solid #dde3e8;
  margin-left: 12px;
  padding-left: 15px;
  border-radius: 2px;
}
.api-operation-container .api-operation-body #req-body-expand-collapse-all .ui-action-link.btn.btn-link,
.api-operation-container .api-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link {
  text-decoration: none;
  padding: 0;
}
.api-operation-container .api-operation-body #req-body-expand-collapse-all .ui-action-link.btn.btn-link:focus,
.api-operation-container .api-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link:focus,
.api-operation-container .api-operation-body #req-body-expand-collapse-all .ui-action-link.btn.btn-link :active,
.api-operation-container .api-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link :active {
  box-shadow: none;
}
.api-operation-container .api-operation-body #req-body-expand-collapse-all .ui-action-link.btn.btn-link:focus-visible,
.api-operation-container .api-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link:focus-visible {
  outline: 2px solid #048A81;
}
.api-operation-container .api-operation-body #req-body-expand-collapse-all .ui-action-link.btn.btn-link span span,
.api-operation-container .api-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link span span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 23px;
  color: #048A81;
  margin-bottom: 10px;
  font-family: Roobert Medium, sans-serif;
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
}
.api-operation-container .api-operation-body #req-body-expand-collapse-all .ui-action-link.btn.btn-link span span i,
.api-operation-container .api-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link span span i,
.api-operation-container .api-operation-body #req-body-expand-collapse-all .ui-action-link.btn.btn-link span span svg,
.api-operation-container .api-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link span span svg {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #048A81;
  margin-left: 6px;
  height: 20px;
  width: 20px;
}
.api-operation-container .api-operation-body #req-body-expand-collapse-all .ui-action-link.btn.btn-link span span:hover,
.api-operation-container .api-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link span span:hover {
  border-bottom: 2px solid #048A81;
}
@media (max-width: 992px) {
  .api-operation-container .api-operation-body #req-body-expand-collapse-all .ui-action-link.btn.btn-link span span,
  .api-operation-container .api-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link span span {
    font-size: 14px;
    line-height: 20px;
  }
}
.api-operation-container .errorCodes .api-param-child {
  border-left: 2px solid #dde3e8;
  margin-left: 4px;
  padding-left: 15px;
  border-radius: 2px;
}
.api-operation-container .errorCodes .status-code-response {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 2px;
}
.api-operation-container .errorCodes .status-code-response.error {
  background-color: #f34235;
}
.api-operation-container .errorCodes .status-code-response.success {
  background-color: #00935f;
}
.api-operation-container .status-codes-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.api-operation-container .show-more-codes-wrapper {
  padding: 15px 0 10px;
}
.api-operation-container .show-more-codes-wrapper .ui-action-link.btn.btn-link {
  padding: 6px 0;
  border: none;
  background: none;
  box-shadow: none;
  text-decoration: none;
}
.api-operation-container .show-more-codes-wrapper .ui-action-link.btn.btn-link:focus {
  outline: none;
  box-shadow: none;
}
.api-operation-container .show-more-codes-wrapper .ui-action-link.btn.btn-link:focus-visible {
  outline: 2px solid #048A81;
  outline-offset: 2px;
}
.api-operation-container .show-more-codes-wrapper .ui-action-link.btn.btn-link:active {
  outline: none;
  box-shadow: none;
}
.api-operation-container .show-more-codes-wrapper .ui-action-link.btn.btn-link span {
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
  color: #048A81;
  cursor: pointer;
  border-bottom: none;
}
.api-operation-container .show-more-codes-wrapper .ui-action-link.btn.btn-link:hover span {
  color: #048A81;
  text-decoration: underline;
  border-bottom: none;
}
.api-operation-container .param-row {
  padding-top: 20px;
}
.api-operation-container .param-row .name-type-space {
  margin-left: 22px;
}
.api-operation-container .param-row:focus:not(:focus-visible),
.api-operation-container a:has(> .param-row):focus:not(:focus-visible),
.api-operation-container a[data-bs-toggle="collapse"]:focus:not(:focus-visible),
.api-operation-container .param-row:focus-within:not(:focus-visible),
.api-operation-container a:has(> .param-row):focus-within:not(:focus-visible),
.api-operation-container a[data-bs-toggle="collapse"]:focus-within:not(:focus-visible),
.api-operation-container .param-row:active,
.api-operation-container a:has(> .param-row):active,
.api-operation-container a[data-bs-toggle="collapse"]:active {
  outline: none;
  box-shadow: none;
  border-color: transparent;
}
.api-operation-container .api-operation-param {
  display: block;
  clear: both;
}
.api-operation-container .api-operation-param .operation-name {
  text-align: left;
  color: #323436;
  display: inline-block;
  padding-right: 10px;
  font-family: Roobert Bold, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.api-operation-container .api-operation-param .operation-name .required {
  flex: none;
  border-radius: 8px;
  background-color: #FFEEBE;
  color: #736646;
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  padding: 4px 10px;
  gap: 4px;
  max-width: fit-content;
  margin-left: 14px;
  display: inline-flex;
  line-height: 20px;
}
.api-operation-container .api-operation-param .operation-type,
.api-operation-container .api-operation-param .operation-required {
  text-align: left;
  color: #395FF0;
  display: inline-block;
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
}
.api-operation-container .api-operation-param .operation-type {
  padding-left: 10px;
  color: #5E7482;
  font-size: 15px;
  line-height: 24px;
}
.api-operation-container .api-operation-param .operation-description {
  font-size: 16px;
  line-height: 24px;
  padding-left: 37px;
}
@media (max-width: 992px) {
  .api-operation-container .api-operation-param .operation-description {
    font-size: 14px;
    line-height: 22px;
  }
}
.api-operation-container .api-operation-param .operation-description .paramInfo {
  display: block;
}
.api-operation-container .api-operation-param .operation-description .conditional-text {
  font-style: italic;
}
.api-operation-container .api-operation-param .operation-description div {
  align-items: stretch;
  padding-top: 8px;
  display: flex;
  width: 100%;
}
.api-operation-container .api-operation-param .operation-description div:first-of-type {
  padding-top: 8px;
}
.api-operation-container .api-operation-param .operation-description div .property-tag,
.api-operation-container .api-operation-param .operation-description div .property-description {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #dde3e8;
  border-right: 1px solid #dde3e8;
  font-size: 14px;
}
.api-operation-container .api-operation-param .operation-description div .property-description span {
  display: inherit;
}
.api-operation-container .api-operation-param .operation-description div .conditional-text-param {
  border-top: none;
  border-right: none;
}
.api-operation-container .api-operation-param .operation-description div .enum-cont {
  padding: 0px;
  border: none;
  display: none;
}
.api-operation-container .api-operation-param .operation-description div .enum-cont.collapse.in {
  display: inline;
}
.api-operation-container .api-operation-param .operation-description div .property-tag {
  padding: 10px 12px;
  border-left: 1px solid #dde3e8;
  background-color: #f8f8f8;
  font-family: Roobert Medium, sans-serif;
  color: #5E7482;
  font-size: 15px;
  border-bottom: 1px solid #dde3e8;
  width: max-content;
}
@media (min-width: 1400px) {
  .api-operation-container .api-operation-param .operation-description div .property-tag {
    width: max-content;
  }
}
@media (max-width: 767px) {
  .api-operation-container .api-operation-param .operation-description div .property-tag {
    width: max-content;
  }
}
.api-operation-container .api-operation-param .operation-description div .property-description {
  padding: 10px 12px;
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
  border-bottom: 1px solid #dde3e8;
  width: max-content;
  height: max-content;
}
@media (min-width: 1400px) {
  .api-operation-container .api-operation-param .operation-description div .property-description {
    width: max-content;
    height: max-content;
  }
}
@media (max-width: 767px) {
  .api-operation-container .api-operation-param .operation-description div .property-description {
    width: max-content;
    height: max-content;
  }
}
.api-operation-container .api-operation-param .operation-description div .property-description .show-more {
  font-family: Roobert Bold, sans-serif;
  font-size: 13px;
  padding-left: 0px;
  padding-top: 2px;
}
.api-operation-container .api-operation-param .operation-description div .property-description .show-more span {
  cursor: pointer;
  color: #395FF0;
  padding-left: 0px;
  border-top: none;
  border-right: none;
}
.api-operation-container .api-operation-param .operation-description div:last-child .property-tag {
  border-radius: 0px 0px 0px 2px;
  border-bottom: 1px solid #dde3e8;
}
.api-operation-container .api-operation-param .operation-description div:last-child .property-description {
  border-radius: 0px 0px 2px 0px;
  border-bottom: 1px solid #dde3e8;
}
.api-operation-container .api-operation-param .operation-description div:first-of-type .property-tag {
  border-radius: 2px 0px 0px 0px;
}
.api-operation-container .api-operation-param .operation-description div:first-of-type .property-description {
  border-radius: 0px 2px 0px 0px;
}
.api-operation-container .api-parameters {
  margin-top: 30px;
}
.api-operation-container .api-parameters a .api-triangle::before {
  line-height: normal;
  padding: 1px 17px 3px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "FontAwesome";
  content: "\f0d8";
  color: #5E7482;
  font-size: 20px;
  margin-right: -10px;
}
.api-operation-container .api-parameters a.collapsed .api-triangle::before {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 17px 2px 9px;
  font-family: "FontAwesome";
  content: "\f0da";
  color: #5E7482;
  font-size: 20px;
  margin-right: -9px;
}
.api-operation-container .api-parameters a .api-triangle:hover {
  border-radius: 6px;
  background-color: #DDE3E8;
}
.api-operation-container .api-parameters .collapse-expand-all div.api-triangle::before {
  font-family: "FontAwesome";
  content: "\f0d7";
  color: #0678b4;
  font-size: 40px;
  margin-right: -93px;
}
.api-operation-container .api-parameters .collapse-expand-all div.collapsed.api-triangle::before {
  font-family: "FontAwesome";
  content: "\f0da";
  color: #0678b4;
  font-size: 40px;
  margin-right: -85px;
}
.api-operation-container .api-parameters .event-expand-all {
  margin-top: -40px;
}
.api-operation-container .api-parameters .conditional-show-more {
  font-size: 14px;
  color: #048A81;
  cursor: pointer;
  font-family: Roobert Medium, sans-serif;
  border-bottom: 2px solid transparent;
  display: flex;
  align-items: center;
  width: max-content;
  margin-left: 37px;
  line-height: 20px;
  margin-top: 10px;
}
.api-operation-container .api-parameters .conditional-show-more svg {
  margin-left: 6px;
  color: #048A81;
  height: 20px;
  width: 20px;
}
.api-operation-container .api-parameters .conditional-show-more:hover {
  border-bottom: 2px solid #048A81;
}
.api-operation-container .api-triangle {
  display: inline-block;
  color: #5E7482;
  margin-right: 14px;
}
@media (max-width: 375px) {
  .api-operation-container .api-triangle {
    margin-right: 13px;
  }
}
.api-operation-container .collapse-expand-all h4 {
  display: inline-block;
}
.api-operation-container .collapse-expand-all div {
  margin-right: 0px;
  cursor: pointer;
}
.api-response-container {
  padding-left: 20px;
  padding-top: 60px;
}
.api-response-container .api-detail-col hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #d4dbe1;
}
.encryption-container {
  padding: 1.5% 8% 18% 7.2%;
}
.encryption-container .api-overview-desc ul,
.encryption-container .sub-title-desc.step2-desc5 ul,
.encryption-container .api-overview-desc ol,
.encryption-container .sub-title-desc.step2-desc5 ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
}
.encryption-container .api-overview-desc ul li,
.encryption-container .sub-title-desc.step2-desc5 ul li,
.encryption-container .api-overview-desc ol li,
.encryption-container .sub-title-desc.step2-desc5 ol li {
  padding: 8px 0;
  line-height: 26px;
}
.encryption-container .api-overview-desc + .api-overview-desc {
  padding-top: 0;
}
.encryption-container pre {
  font-family: Menlo, sans-serif;
  font-size: 14px;
}
.encryption-container .encryption-code {
  background-color: #2A3337;
  padding: 30px;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 30px 0px;
  margin-top: 30px;
}
.encryption-container .encryption-code .code-attr {
  color: #1ccfc9;
}
.encryption-container .encryption-code .code-value {
  color: #dde3e8;
}
.encryption-container .encryption-code .code-comment {
  color: #395FF0;
}
.encryption-container .encryption-code .code-number {
  color: #ffc627;
}
.encryption-container .encryption-code .code-key {
  color: #c792ea;
}
.encryption-container .light-mode .code-datatype {
  color: #c3444d;
  display: inline;
}
.encryption-container .dark-mode .code-datatype {
  color: #ffc627;
}
.encryption-container .visual-overview {
  margin-top: 30px;
  margin-bottom: 30px;
}
.encryption-container .visual-overview object {
  padding-left: 15%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
@media (max-width: 991px) {
  .encryption-container .visual-overview object {
    padding-left: 0%;
  }
}
.encryption-container .visual-process {
  margin-top: 30px;
  margin-bottom: 30px;
}
.encryption-container .visual-process object {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  object-fit: contain;
}
.encryption-container .visual-normal {
  width: 100%;
  overflow-x: auto;
  margin: 20px 0;
  border: 2px solid #dde3e8;
}
.encryption-container .visual-normal object {
  width: 100%;
}
@media (max-width: 767px) {
  .encryption-container .visual-normal object {
    width: 700px;
  }
}
.encryption-container .visual-normal img {
  max-width: 100%;
  height: auto;
}
.encryption-container .visual-normal.encryption {
  max-width: 758px;
  margin: auto;
}
.encryption-container .visual-normal.guide-left-image {
  max-width: 758px;
}
.encryption-container .separate-container {
  padding-bottom: 30px;
}
.encryption-container .separate-container2 {
  margin-bottom: 40px;
}
.encryption-container .separate-container3 {
  margin-bottom: 30px;
}
.encryption-container .list-sub-container {
  margin-left: 20px;
  margin-top: 10px;
}
.encryption-container .list-sub-container ul {
  list-style: decimal;
  margin-left: 0px;
  padding-left: 0px;
  line-height: 28px;
}
.encryption-container .list-sub-container li {
  font-family: Roobert Medium, sans-serif;
  color: #323436;
  font-size: 16px;
  padding-left: 6px;
  padding-bottom: 10px;
  padding-top: 10px;
  line-height: 22.4px;
}
.encryption-container .list-sub-container li:first-child {
  padding-top: 20px;
}
.encryption-container .list-sub-container li:last-child {
  padding-bottom: 0;
}
@media (max-width: 1199px) {
  .encryption-container .list-sub-container li {
    padding-bottom: 6px;
    padding-top: 6px;
    font-size: 14px;
    line-height: 19.6px;
  }
  .encryption-container .list-sub-container li:first-child {
    padding-top: 12px;
  }
  .encryption-container .list-sub-container li:last-child {
    padding-bottom: 0;
  }
}
.encryption-container .list-inner-container {
  margin-left: 20px;
  margin-top: 10px;
}
.encryption-container .list-inner-container ul {
  list-style: decimal;
  margin-left: 0px;
  padding-left: 0px;
}
.encryption-container .list-inner-container li {
  padding-left: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  color: #5E7482;
  line-height: 26px;
}
.encryption-container .list-inner-container li:first-child {
  padding-top: 0;
}
.encryption-container .list-inner-container li:last-child {
  padding-bottom: 8px;
}
.encryption-container .list-inner-container li span {
  background: #f0f4f6;
  padding: 8px 8px 4px 8px;
  border-radius: 4px;
  font-family: Menlo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #5a5f62;
  border: 1px solid #dde3e8;
}
@media (max-width: 992px) {
  .encryption-container .list-inner-container li {
    padding-bottom: 6px;
    padding-top: 6px;
    font-size: 14px;
    line-height: 22.4px;
  }
}
.encryption-container .list-container {
  margin-left: 15px;
  margin-top: 10px;
}
.encryption-container .list-container ul {
  padding-left: 0px;
}
.encryption-container .list-container ul li {
  padding-left: 15px;
  padding-bottom: 6px;
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  color: #5E7482;
}
.encryption-container .list-container ul li span.desc {
  color: #31373b;
}
.encryption-container h3.encryption-title {
  padding-top: 50px;
  padding-bottom: 20px;
  font-family: Roobert Bold, sans-serif;
  font-size: 24px;
  color: #323436;
  line-height: 36px;
}
@media (max-width: 992px) {
  .encryption-container h3.encryption-title {
    padding: 40px 0px 14px;
    font-size: 20px;
    line-height: 28px;
  }
  .encryption-container h3.encryption-title.encryption-title-step1 {
    padding-bottom: 16px;
  }
}
.encryption-container h4.sub-title1 {
  font-family: Roobert Bold, sans-serif;
  font-size: 20px;
  color: #323436;
  line-height: 30px;
}
@media (max-width: 992px) {
  .encryption-container h4.sub-title1 {
    font-size: 18px;
    padding-bottom: 14px;
    line-height: 27px;
  }
}
.encryption-container h4.sub-title2 {
  margin-bottom: 10px;
  margin-top: 30px;
  font-family: Roobert Bold, sans-serif;
  font-size: 20px;
  color: #323436;
}
.encryption-container .sub-title-div p {
  padding-bottom: 20px;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
}
.encryption-container .sub-title-div p b {
  font-family: Roobert Bold, sans-serif;
  color: #323436;
}
.encryption-container .sub-title-div p span {
  background: #f0f4f6;
  font-family: Menlo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #5a5f62;
  padding: 6px 8px 4.5px;
  border-radius: 4px;
  border: 1px solid #dde3e8;
}
@media (max-width: 992px) {
  .encryption-container .sub-title-div p {
    font-size: 14px;
    line-height: 22.4px;
    padding-bottom: 14px;
  }
}
.encryption-container .sub-title-div.code p {
  margin-bottom: 0;
  line-height: normal;
}
.encryption-container .sub-title-div.code p.newline {
  margin-bottom: 30px;
}
.encryption-container.guideschannel {
  font-size: 16px;
  color: #000000;
}
.encryption-container.guideschannel ul li,
.encryption-container.guideschannel ol li {
  padding: 8px 0 8px 0;
  line-height: 26px;
}
.encryption-container.guideschannel p {
  line-height: 26px;
}
.encryption-container.guideschannel h4,
.encryption-container.guideschannel h2 {
  color: #000000;
  font-family: Roobert Bold, sans-serif;
}
.encryption-container.guideschannel .sub-title-div p {
  font-size: 16px;
  line-height: 28px;
}
.encryption-container.guideschannel .sub-title-div .auth-code {
  margin: 30px 0;
}
.encryption-container.guideschannel .sub-title-div ul {
  padding-top: 30px;
  padding-left: 1rem;
}
.encryption-container.guideschannel .sub-title-div .api-object ul {
  padding-top: 0;
}
.encryption-container.guideschannel .sub-title1 {
  font-size: 18px;
  margin-bottom: 0;
  padding: 0;
}
.encryption-container .separate-container3.step2,
.encryption-container div.step2 {
  padding-top: 30px;
}
.encryption-container .separate-container3.step2-desc5 ul li:first-child,
.encryption-container div.step2-desc5 ul li:first-child {
  padding-top: 8px;
}
@media (max-width: 992px) {
  .encryption-container .separate-container3.step2-desc5 ul li:first-child,
  .encryption-container div.step2-desc5 ul li:first-child {
    padding-top: 6px;
  }
}
.encryption-container .separate-container3.step2-desc5,
.encryption-container div.step2-desc5 {
  margin-bottom: 10px;
}
.encryption-container .separate-container3.step3-desc4,
.encryption-container div.step3-desc4 {
  padding-top: 30px;
  margin-bottom: 10;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
}
.encryption-container .separate-container3.tool-link-contain,
.encryption-container div.tool-link-contain {
  display: flex;
  flex-wrap: wrap;
}
.encryption-container .separate-container3.section-grid-card-links,
.encryption-container div.section-grid-card-links {
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
  display: flex;
  margin-top: auto;
}
.encryption-container .separate-container3.section-grid-card-links a,
.encryption-container div.section-grid-card-links a {
  color: #048A81;
  padding: 0 5px;
  padding-bottom: 5px;
}
.encryption-container .separate-container3.section-grid-card-links a:hover,
.encryption-container div.section-grid-card-links a:hover {
  text-decoration-line: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
@media (max-width: 540px) {
  .encryption-container .separate-container3.section-grid-card-links a,
  .encryption-container div.section-grid-card-links a {
    padding: 0px;
  }
}
.encryption-container .separate-container3.sub-title-desc,
.encryption-container div.sub-title-desc {
  padding-bottom: 20px;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  color: #5E7482;
  line-height: 25.6px;
}
@media (max-width: 992px) {
  .encryption-container .separate-container3.sub-title-desc,
  .encryption-container div.sub-title-desc {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.encryption-container .separate-container3.sub-title-desc .subtitle-inner-span,
.encryption-container div.sub-title-desc .subtitle-inner-span {
  background: #f0f4f6;
  padding: 5px 6px;
  border-radius: 3px;
  font-family: Menlo, sans-serif;
  font-weight: 700;
  font-size: 12px;
}
.encryption-container .separate-container3.desc-regular,
.encryption-container div.desc-regular {
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  color: #5E7482;
}
.encryption-container .encryption-solid-line {
  border-top: 1px solid #d4dbe1;
  margin-top: 50px;
  margin-left: 0px;
  width: 100%;
}
.encryption-container .encryption-example {
  padding-bottom: 30px;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  color: #5E7482;
}
@media (max-width: 992px) {
  .encryption-container .encryption-example {
    font-size: 14px;
  }
}
.encryption-container .encryption-example2 {
  font-family: Roobert Bold, sans-serif;
  font-size: 18px;
  color: #323436;
  padding-top: 30px;
  padding-bottom: 20px;
}
@media (max-width: 992px) {
  .encryption-container .encryption-example2 {
    font-size: 16px;
    padding-bottom: 12px;
  }
}
.encryption-container .content-qa {
  margin-bottom: 25px;
  margin-top: 20px;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  color: #000000;
  display: grid;
}
.encryption-container .qa-line {
  margin-bottom: 6px;
  display: inline-flex;
}
.encryption-container .qa-separate {
  padding-left: 10px;
  font-size: 16px;
}
.encryption-container .qa-underline {
  cursor: pointer;
  color: #3F64F2;
}
.encryption-container .content-bold {
  font-weight: bold;
  color: #323436;
}
.encryption-container .requestdata {
  margin-top: 40px;
  margin-bottom: 40px;
}
.encryption-container .requestdata .desc.key {
  color: #31373b;
  font-weight: 600;
}
.encryption-container .requestdata .desc.value {
  color: #5a5f62;
}
.encryption-container .requestdata .legend .desc.key {
  color: #395FF0;
  text-align: right;
}
.extra-padding {
  margin-top: 20px;
}
.authentication-container,
.encryption-container,
.encryption-tool,
.hmac-generator,
.versioning-container,
.apikey-container {
  padding: 1.5% 8% 60px 7.2%;
}
@media (max-width: 1199px) {
  .authentication-container,
  .encryption-container,
  .encryption-tool,
  .hmac-generator,
  .versioning-container,
  .apikey-container {
    padding: 30px 12px 60px;
  }
}
.authentication-container pre,
.encryption-container pre,
.encryption-tool pre,
.hmac-generator pre,
.versioning-container pre,
.apikey-container pre {
  font-size: 15px;
}
.authentication-container .light-mode .code-datatype,
.encryption-container .light-mode .code-datatype,
.encryption-tool .light-mode .code-datatype,
.hmac-generator .light-mode .code-datatype,
.versioning-container .light-mode .code-datatype,
.apikey-container .light-mode .code-datatype {
  color: #c3444d;
  display: inline;
}
.authentication-container .dark-mode .code-datatype,
.encryption-container .dark-mode .code-datatype,
.encryption-tool .dark-mode .code-datatype,
.hmac-generator .dark-mode .code-datatype,
.versioning-container .dark-mode .code-datatype,
.apikey-container .dark-mode .code-datatype {
  color: #ffc627;
}
.authentication-container .auth-code,
.encryption-container .auth-code,
.encryption-tool .auth-code,
.hmac-generator .auth-code,
.versioning-container .auth-code,
.apikey-container .auth-code {
  padding: 0px;
  margin: 10px 0px;
  border-radius: 8px;
}
.authentication-container .auth-code .auth-code-inner-div,
.encryption-container .auth-code .auth-code-inner-div,
.encryption-tool .auth-code .auth-code-inner-div,
.hmac-generator .auth-code .auth-code-inner-div,
.versioning-container .auth-code .auth-code-inner-div,
.apikey-container .auth-code .auth-code-inner-div {
  line-height: 22px;
  border-radius: 8px;
}
@media (max-width: 1199px) {
  .authentication-container .auth-code .auth-code-inner-div .api-data-col,
  .encryption-container .auth-code .auth-code-inner-div .api-data-col,
  .encryption-tool .auth-code .auth-code-inner-div .api-data-col,
  .hmac-generator .auth-code .auth-code-inner-div .api-data-col,
  .versioning-container .auth-code .auth-code-inner-div .api-data-col,
  .apikey-container .auth-code .auth-code-inner-div .api-data-col {
    right: 0px;
  }
}
.authentication-container .auth-code .auth-code-inner-div .dark-mode,
.encryption-container .auth-code .auth-code-inner-div .dark-mode,
.encryption-tool .auth-code .auth-code-inner-div .dark-mode,
.hmac-generator .auth-code .auth-code-inner-div .dark-mode,
.versioning-container .auth-code .auth-code-inner-div .dark-mode,
.apikey-container .auth-code .auth-code-inner-div .dark-mode {
  background-color: #3B4449;
  color: #f7f9fb;
}
.authentication-container .auth-code .auth-code-inner-div .dark-mode pre,
.encryption-container .auth-code .auth-code-inner-div .dark-mode pre,
.encryption-tool .auth-code .auth-code-inner-div .dark-mode pre,
.hmac-generator .auth-code .auth-code-inner-div .dark-mode pre,
.versioning-container .auth-code .auth-code-inner-div .dark-mode pre,
.apikey-container .auth-code .auth-code-inner-div .dark-mode pre {
  color: #E0E1E2;
}
.authentication-container .auth-code .auth-code-inner-div .dark-mode-header,
.encryption-container .auth-code .auth-code-inner-div .dark-mode-header,
.encryption-tool .auth-code .auth-code-inner-div .dark-mode-header,
.hmac-generator .auth-code .auth-code-inner-div .dark-mode-header,
.versioning-container .auth-code .auth-code-inner-div .dark-mode-header,
.apikey-container .auth-code .auth-code-inner-div .dark-mode-header {
  background-color: #4C575C;
  color: #f7f9fb;
  border: 1px solid #4C575C;
}
.authentication-container .auth-code .auth-code-inner-div .dark-mode-header .darkmode-events .api-header,
.encryption-container .auth-code .auth-code-inner-div .dark-mode-header .darkmode-events .api-header,
.encryption-tool .auth-code .auth-code-inner-div .dark-mode-header .darkmode-events .api-header,
.hmac-generator .auth-code .auth-code-inner-div .dark-mode-header .darkmode-events .api-header,
.versioning-container .auth-code .auth-code-inner-div .dark-mode-header .darkmode-events .api-header,
.apikey-container .auth-code .auth-code-inner-div .dark-mode-header .darkmode-events .api-header,
.authentication-container .auth-code .auth-code-inner-div .dark-mode-header .copy-events .api-header,
.encryption-container .auth-code .auth-code-inner-div .dark-mode-header .copy-events .api-header,
.encryption-tool .auth-code .auth-code-inner-div .dark-mode-header .copy-events .api-header,
.hmac-generator .auth-code .auth-code-inner-div .dark-mode-header .copy-events .api-header,
.versioning-container .auth-code .auth-code-inner-div .dark-mode-header .copy-events .api-header,
.apikey-container .auth-code .auth-code-inner-div .dark-mode-header .copy-events .api-header,
.authentication-container .auth-code .auth-code-inner-div .dark-mode-header .expand-all .api-header,
.encryption-container .auth-code .auth-code-inner-div .dark-mode-header .expand-all .api-header,
.encryption-tool .auth-code .auth-code-inner-div .dark-mode-header .expand-all .api-header,
.hmac-generator .auth-code .auth-code-inner-div .dark-mode-header .expand-all .api-header,
.versioning-container .auth-code .auth-code-inner-div .dark-mode-header .expand-all .api-header,
.apikey-container .auth-code .auth-code-inner-div .dark-mode-header .expand-all .api-header {
  color: #f7f9fb;
}
@media (max-width: 480px) {
  .authentication-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .darkmode-events,
  .encryption-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .darkmode-events,
  .encryption-tool .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .darkmode-events,
  .hmac-generator .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .darkmode-events,
  .versioning-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .darkmode-events,
  .apikey-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .darkmode-events,
  .authentication-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .copy-events,
  .encryption-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .copy-events,
  .encryption-tool .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .copy-events,
  .hmac-generator .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .copy-events,
  .versioning-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .copy-events,
  .apikey-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .copy-events,
  .authentication-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .expand-all,
  .encryption-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .expand-all,
  .encryption-tool .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .expand-all,
  .hmac-generator .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .expand-all,
  .versioning-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .expand-all,
  .apikey-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .expand-all {
    background-color: #4C575C;
  }
  .authentication-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .darkmode-events,
  .encryption-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .darkmode-events,
  .encryption-tool .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .darkmode-events,
  .hmac-generator .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .darkmode-events,
  .versioning-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .darkmode-events,
  .apikey-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .darkmode-events {
    border-left: 1px solid #4C575C;
    border-bottom: 1px solid #4C575C;
  }
  .authentication-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .expand-all,
  .encryption-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .expand-all,
  .encryption-tool .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .expand-all,
  .hmac-generator .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .expand-all,
  .versioning-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .expand-all,
  .apikey-container .auth-code .auth-code-inner-div .dark-mode-header .api-icon-div-open .expand-all {
    border-right: 1px solid #4C575C;
    border-bottom: 1px solid #4C575C;
  }
}
.authentication-container .auth-code .auth-code-inner-div .light-mode,
.encryption-container .auth-code .auth-code-inner-div .light-mode,
.encryption-tool .auth-code .auth-code-inner-div .light-mode,
.hmac-generator .auth-code .auth-code-inner-div .light-mode,
.versioning-container .auth-code .auth-code-inner-div .light-mode,
.apikey-container .auth-code .auth-code-inner-div .light-mode {
  background-color: #f7f9fb;
  color: #5a5f62;
}
.authentication-container .auth-code .auth-code-inner-div .light-mode-header,
.encryption-container .auth-code .auth-code-inner-div .light-mode-header,
.encryption-tool .auth-code .auth-code-inner-div .light-mode-header,
.hmac-generator .auth-code .auth-code-inner-div .light-mode-header,
.versioning-container .auth-code .auth-code-inner-div .light-mode-header,
.apikey-container .auth-code .auth-code-inner-div .light-mode-header {
  background-color: #f0f4f6;
  color: #323436;
  border-bottom: 1px solid #dde3e8;
}
@media (max-width: 480px) {
  .authentication-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .darkmode-events,
  .encryption-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .darkmode-events,
  .encryption-tool .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .darkmode-events,
  .hmac-generator .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .darkmode-events,
  .versioning-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .darkmode-events,
  .apikey-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .darkmode-events,
  .authentication-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .copy-events,
  .encryption-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .copy-events,
  .encryption-tool .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .copy-events,
  .hmac-generator .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .copy-events,
  .versioning-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .copy-events,
  .apikey-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .copy-events,
  .authentication-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .expand-all,
  .encryption-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .expand-all,
  .encryption-tool .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .expand-all,
  .hmac-generator .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .expand-all,
  .versioning-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .expand-all,
  .apikey-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .expand-all {
    background-color: #dde3e8;
  }
  .authentication-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .darkmode-events,
  .encryption-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .darkmode-events,
  .encryption-tool .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .darkmode-events,
  .hmac-generator .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .darkmode-events,
  .versioning-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .darkmode-events,
  .apikey-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .darkmode-events {
    border-left: 1px solid #dde3e8;
    border-bottom: 1px solid #dde3e8;
  }
  .authentication-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .expand-all,
  .encryption-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .expand-all,
  .encryption-tool .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .expand-all,
  .hmac-generator .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .expand-all,
  .versioning-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .expand-all,
  .apikey-container .auth-code .auth-code-inner-div .light-mode-header .api-icon-div-open .expand-all {
    border-right: 1px solid #dde3e8;
    border-bottom: 1px solid #dde3e8;
  }
}
.authentication-container .auth-code .auth-code-inner-div .api-comment,
.encryption-container .auth-code .auth-code-inner-div .api-comment,
.encryption-tool .auth-code .auth-code-inner-div .api-comment,
.hmac-generator .auth-code .auth-code-inner-div .api-comment,
.versioning-container .auth-code .auth-code-inner-div .api-comment,
.apikey-container .auth-code .auth-code-inner-div .api-comment {
  height: 50px;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  padding-bottom: 0px;
  padding-top: 14px;
  padding-left: 20px;
  padding: 15px 10px 0px 20px;
  border-radius: 8px 8px 0px 0px;
  width: 100%;
  margin: 0px;
  position: relative;
}
.authentication-container .auth-code .auth-code-inner-div .api-comment .api-header,
.encryption-container .auth-code .auth-code-inner-div .api-comment .api-header,
.encryption-tool .auth-code .auth-code-inner-div .api-comment .api-header,
.hmac-generator .auth-code .auth-code-inner-div .api-comment .api-header,
.versioning-container .auth-code .auth-code-inner-div .api-comment .api-header,
.apikey-container .auth-code .auth-code-inner-div .api-comment .api-header {
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
  line-height: 22.4px;
}
.authentication-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-close,
.encryption-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-close,
.encryption-tool .auth-code .auth-code-inner-div .api-comment .api-icon-div-close,
.hmac-generator .auth-code .auth-code-inner-div .api-comment .api-icon-div-close,
.versioning-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-close,
.apikey-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-close {
  display: block;
}
@media (max-width: 480px) {
  .authentication-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-close,
  .encryption-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-close,
  .encryption-tool .auth-code .auth-code-inner-div .api-comment .api-icon-div-close,
  .hmac-generator .auth-code .auth-code-inner-div .api-comment .api-icon-div-close,
  .versioning-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-close,
  .apikey-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-close {
    display: none;
  }
}
.authentication-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open,
.encryption-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open,
.encryption-tool .auth-code .auth-code-inner-div .api-comment .api-icon-div-open,
.hmac-generator .auth-code .auth-code-inner-div .api-comment .api-icon-div-open,
.versioning-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open,
.apikey-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open {
  display: block;
}
@media (max-width: 480px) {
  .authentication-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open,
  .encryption-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open,
  .encryption-tool .auth-code .auth-code-inner-div .api-comment .api-icon-div-open,
  .hmac-generator .auth-code .auth-code-inner-div .api-comment .api-icon-div-open,
  .versioning-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open,
  .apikey-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open {
    display: block;
    top: 14px;
    position: relative;
  }
  .authentication-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .copy-events,
  .encryption-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .copy-events,
  .encryption-tool .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .copy-events,
  .hmac-generator .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .copy-events,
  .versioning-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .copy-events,
  .apikey-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .copy-events {
    margin-right: 10px;
    padding: 12px 40px 12px 10px;
  }
  .authentication-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .darkmode-events,
  .encryption-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .darkmode-events,
  .encryption-tool .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .darkmode-events,
  .hmac-generator .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .darkmode-events,
  .versioning-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .darkmode-events,
  .apikey-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .darkmode-events {
    margin-right: 10px;
    padding: 8px 80px 12px 12px;
    border-radius: 0px 0px 0px 8px;
  }
  .authentication-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .expand-all,
  .encryption-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .expand-all,
  .encryption-tool .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .expand-all,
  .hmac-generator .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .expand-all,
  .versioning-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .expand-all,
  .apikey-container .auth-code .auth-code-inner-div .api-comment .api-icon-div-open .expand-all {
    padding: 10px 15px 10px 10px;
    margin-right: 0px;
    display: block;
    border-radius: 0px 0px 8px 0px;
  }
}
.authentication-container .auth-code .auth-code-inner-div .api-comment .api-close-button,
.encryption-container .auth-code .auth-code-inner-div .api-comment .api-close-button,
.encryption-tool .auth-code .auth-code-inner-div .api-comment .api-close-button,
.hmac-generator .auth-code .auth-code-inner-div .api-comment .api-close-button,
.versioning-container .auth-code .auth-code-inner-div .api-comment .api-close-button,
.apikey-container .auth-code .auth-code-inner-div .api-comment .api-close-button {
  display: none;
}
@media (max-width: 480px) {
  .authentication-container .auth-code .auth-code-inner-div .api-comment .api-close-button,
  .encryption-container .auth-code .auth-code-inner-div .api-comment .api-close-button,
  .encryption-tool .auth-code .auth-code-inner-div .api-comment .api-close-button,
  .hmac-generator .auth-code .auth-code-inner-div .api-comment .api-close-button,
  .versioning-container .auth-code .auth-code-inner-div .api-comment .api-close-button,
  .apikey-container .auth-code .auth-code-inner-div .api-comment .api-close-button {
    display: block;
    position: absolute;
    right: 8px;
    border: none;
    top: 8px;
    padding: 0px;
    border-radius: 8px;
    background: transparent;
  }
  .authentication-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-open .fa-times,
  .encryption-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-open .fa-times,
  .encryption-tool .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-open .fa-times,
  .hmac-generator .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-open .fa-times,
  .versioning-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-open .fa-times,
  .apikey-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-open .fa-times {
    display: block;
    font-size: 15px;
    width: 32px;
    height: 32px;
    color: #ffffff;
    background: #3F64F2;
    border-radius: 8px;
    padding: 6px;
  }
  .authentication-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-open .fa-ellipsis-v,
  .encryption-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-open .fa-ellipsis-v,
  .encryption-tool .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-open .fa-ellipsis-v,
  .hmac-generator .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-open .fa-ellipsis-v,
  .versioning-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-open .fa-ellipsis-v,
  .apikey-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-open .fa-ellipsis-v {
    display: none;
  }
  .authentication-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close,
  .encryption-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close,
  .encryption-tool .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close,
  .hmac-generator .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close,
  .versioning-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close,
  .apikey-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close {
    padding-top: 10px;
    padding-right: 8px;
  }
  .authentication-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close .fa-ellipsis-v,
  .encryption-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close .fa-ellipsis-v,
  .encryption-tool .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close .fa-ellipsis-v,
  .hmac-generator .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close .fa-ellipsis-v,
  .versioning-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close .fa-ellipsis-v,
  .apikey-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close .fa-ellipsis-v {
    display: block;
  }
  .authentication-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close .fa-times,
  .encryption-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close .fa-times,
  .encryption-tool .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close .fa-times,
  .hmac-generator .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close .fa-times,
  .versioning-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close .fa-times,
  .apikey-container .auth-code .auth-code-inner-div .api-comment .api-close-button .icon-close .fa-times {
    display: none;
  }
}
.authentication-container .auth-code .auth-code-inner-div .payload-details,
.encryption-container .auth-code .auth-code-inner-div .payload-details,
.encryption-tool .auth-code .auth-code-inner-div .payload-details,
.hmac-generator .auth-code .auth-code-inner-div .payload-details,
.versioning-container .auth-code .auth-code-inner-div .payload-details,
.apikey-container .auth-code .auth-code-inner-div .payload-details {
  padding: 20px;
  font-size: 14px;
  font-family: Menlo, sans-serif;
}
.authentication-container .auth-code .auth-code-inner-div .payload-details .dark-mode,
.encryption-container .auth-code .auth-code-inner-div .payload-details .dark-mode,
.encryption-tool .auth-code .auth-code-inner-div .payload-details .dark-mode,
.hmac-generator .auth-code .auth-code-inner-div .payload-details .dark-mode,
.versioning-container .auth-code .auth-code-inner-div .payload-details .dark-mode,
.apikey-container .auth-code .auth-code-inner-div .payload-details .dark-mode {
  color: #f7f9fb;
}
.authentication-container .auth-code .auth-code-inner-div .payload-details ul,
.encryption-container .auth-code .auth-code-inner-div .payload-details ul,
.encryption-tool .auth-code .auth-code-inner-div .payload-details ul,
.hmac-generator .auth-code .auth-code-inner-div .payload-details ul,
.versioning-container .auth-code .auth-code-inner-div .payload-details ul,
.apikey-container .auth-code .auth-code-inner-div .payload-details ul {
  list-style: none;
  padding-left: 0px;
}
.authentication-container .auth-code .code-attr,
.encryption-container .auth-code .code-attr,
.encryption-tool .auth-code .code-attr,
.hmac-generator .auth-code .code-attr,
.versioning-container .auth-code .code-attr,
.apikey-container .auth-code .code-attr {
  color: #1ccfc9;
}
.authentication-container .auth-code .code-value2,
.encryption-container .auth-code .code-value2,
.encryption-tool .auth-code .code-value2,
.hmac-generator .auth-code .code-value2,
.versioning-container .auth-code .code-value2,
.apikey-container .auth-code .code-value2 {
  color: #ffffff;
}
.authentication-container .auth-code .code-value3,
.encryption-container .auth-code .code-value3,
.encryption-tool .auth-code .code-value3,
.hmac-generator .auth-code .code-value3,
.versioning-container .auth-code .code-value3,
.apikey-container .auth-code .code-value3 {
  color: #ffe200;
}
.authentication-container .auth-code .code-comment,
.encryption-container .auth-code .code-comment,
.encryption-tool .auth-code .code-comment,
.hmac-generator .auth-code .code-comment,
.versioning-container .auth-code .code-comment,
.apikey-container .auth-code .code-comment {
  color: #395FF0;
}
.authentication-container .auth-code .code-key,
.encryption-container .auth-code .code-key,
.encryption-tool .auth-code .code-key,
.hmac-generator .auth-code .code-key,
.versioning-container .auth-code .code-key,
.apikey-container .auth-code .code-key {
  color: #c792ea;
}
.authentication-container .auth-code .code-key2,
.encryption-container .auth-code .code-key2,
.encryption-tool .auth-code .code-key2,
.hmac-generator .auth-code .code-key2,
.versioning-container .auth-code .code-key2,
.apikey-container .auth-code .code-key2 {
  color: #FFE125;
}
.authentication-container.guideschannel .auth-code,
.encryption-container.guideschannel .auth-code,
.encryption-tool.guideschannel .auth-code,
.hmac-generator.guideschannel .auth-code,
.versioning-container.guideschannel .auth-code,
.apikey-container.guideschannel .auth-code {
  margin: 30px 0;
}
.authentication-container.guideschannel .auth-code ul li,
.encryption-container.guideschannel .auth-code ul li,
.encryption-tool.guideschannel .auth-code ul li,
.hmac-generator.guideschannel .auth-code ul li,
.versioning-container.guideschannel .auth-code ul li,
.apikey-container.guideschannel .auth-code ul li {
  margin: 0;
  padding: 0;
}
.authentication-container.guideschannel .auth-code #renderpart4 ul li,
.encryption-container.guideschannel .auth-code #renderpart4 ul li,
.encryption-tool.guideschannel .auth-code #renderpart4 ul li,
.hmac-generator.guideschannel .auth-code #renderpart4 ul li,
.versioning-container.guideschannel .auth-code #renderpart4 ul li,
.apikey-container.guideschannel .auth-code #renderpart4 ul li {
  color: #5a5f62;
}
.authentication-container .authenticationFeatures,
.encryption-container .authenticationFeatures,
.encryption-tool .authenticationFeatures,
.hmac-generator .authenticationFeatures,
.versioning-container .authenticationFeatures,
.apikey-container .authenticationFeatures {
  padding-top: 15px;
  padding-bottom: 5px;
  color: #00406e;
  font-family: Roobert Bold, sans-serif;
  font-size: 24px;
}
.authentication-container .visual object,
.encryption-container .visual object,
.encryption-tool .visual object,
.hmac-generator .visual object,
.versioning-container .visual object,
.apikey-container .visual object {
  width: 80%;
}
.authentication-container h3.auth-title,
.encryption-container h3.auth-title,
.encryption-tool h3.auth-title,
.hmac-generator h3.auth-title,
.versioning-container h3.auth-title,
.apikey-container h3.auth-title {
  margin-bottom: 10px;
  padding-top: 10px;
  color: #5a5f62;
  font-family: Roobert Bold, sans-serif;
  font-size: 18px;
}
@media (max-width: 767px) {
  .authentication-container h3.auth-title,
  .encryption-container h3.auth-title,
  .encryption-tool h3.auth-title,
  .hmac-generator h3.auth-title,
  .versioning-container h3.auth-title,
  .apikey-container h3.auth-title {
    padding-bottom: 15px;
  }
}
.authentication-container h4.auth-example,
.encryption-container h4.auth-example,
.encryption-tool h4.auth-example,
.hmac-generator h4.auth-example,
.versioning-container h4.auth-example,
.apikey-container h4.auth-example {
  font-weight: 600;
  font-size: 18px;
}
.authentication-container .title-steps,
.encryption-container .title-steps,
.encryption-tool .title-steps,
.hmac-generator .title-steps,
.versioning-container .title-steps,
.apikey-container .title-steps {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 05px;
  color: #0678b4;
  height: 18px;
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  line-height: 18px;
}
.authentication-container .solid-line,
.encryption-container .solid-line,
.encryption-tool .solid-line,
.hmac-generator .solid-line,
.versioning-container .solid-line,
.apikey-container .solid-line {
  margin-top: 35px;
  margin-bottom: 35px;
  background-color: #dde3e8;
  height: 1px;
  width: calc(100% + 60px);
  margin-left: -30px;
}
.authentication-container .authentication-solid-line,
.encryption-container .authentication-solid-line,
.encryption-tool .authentication-solid-line,
.hmac-generator .authentication-solid-line,
.versioning-container .authentication-solid-line,
.apikey-container .authentication-solid-line {
  margin-top: 30px;
  background-color: #dde3e8;
  height: 1px;
  margin-bottom: 10px;
}
.authentication-container .api-authentication-sub-title,
.encryption-container .api-authentication-sub-title,
.encryption-tool .api-authentication-sub-title,
.hmac-generator .api-authentication-sub-title,
.versioning-container .api-authentication-sub-title,
.apikey-container .api-authentication-sub-title,
.authentication-container .versioning-authentication-sub-title,
.encryption-container .versioning-authentication-sub-title,
.encryption-tool .versioning-authentication-sub-title,
.hmac-generator .versioning-authentication-sub-title,
.versioning-container .versioning-authentication-sub-title,
.apikey-container .versioning-authentication-sub-title {
  padding-top: 24px;
  font-family: Roobert Bold, sans-serif;
  font-size: 24px;
  color: #000000;
  padding-bottom: 10px;
}
.authentication-container .api-authentication-part-step,
.encryption-container .api-authentication-part-step,
.encryption-tool .api-authentication-part-step,
.hmac-generator .api-authentication-part-step,
.versioning-container .api-authentication-part-step,
.apikey-container .api-authentication-part-step,
.authentication-container .versioning-authentication-part-step,
.encryption-container .versioning-authentication-part-step,
.encryption-tool .versioning-authentication-part-step,
.hmac-generator .versioning-authentication-part-step,
.versioning-container .versioning-authentication-part-step,
.apikey-container .versioning-authentication-part-step {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #000000;
  font-family: Roobert Bold, sans-serif;
  font-size: 20px;
}
.authentication-container .api-authentication-part-step2,
.encryption-container .api-authentication-part-step2,
.encryption-tool .api-authentication-part-step2,
.hmac-generator .api-authentication-part-step2,
.versioning-container .api-authentication-part-step2,
.apikey-container .api-authentication-part-step2,
.authentication-container .versioning-authentication-part-step2,
.encryption-container .versioning-authentication-part-step2,
.encryption-tool .versioning-authentication-part-step2,
.hmac-generator .versioning-authentication-part-step2,
.versioning-container .versioning-authentication-part-step2,
.apikey-container .versioning-authentication-part-step2 {
  padding-top: 40px;
  padding-bottom: 10px;
  color: #000000;
  font-family: Roobert Bold, sans-serif;
  font-size: 18px;
}
.authentication-container .step1-description,
.encryption-container .step1-description,
.encryption-tool .step1-description,
.hmac-generator .step1-description,
.versioning-container .step1-description,
.apikey-container .step1-description {
  color: #000000;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
}
@media (max-width: 767px) {
  .authentication-container .step1-description,
  .encryption-container .step1-description,
  .encryption-tool .step1-description,
  .hmac-generator .step1-description,
  .versioning-container .step1-description,
  .apikey-container .step1-description {
    padding-bottom: 20px;
  }
}
.authentication-container .request-specs,
.encryption-container .request-specs,
.encryption-tool .request-specs,
.hmac-generator .request-specs,
.versioning-container .request-specs,
.apikey-container .request-specs {
  padding-top: 20px;
  padding-bottom: 10px;
  color: #000000;
  font-family: Roobert Bold, sans-serif;
  font-size: 18px;
}
.authentication-container .methodGroup,
.encryption-container .methodGroup,
.encryption-tool .methodGroup,
.hmac-generator .methodGroup,
.versioning-container .methodGroup,
.apikey-container .methodGroup {
  width: 468px;
  border: 1px solid #dde3e8;
  padding-top: 7px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}
@media (max-width: 480px) {
  .authentication-container .methodGroup,
  .encryption-container .methodGroup,
  .encryption-tool .methodGroup,
  .hmac-generator .methodGroup,
  .versioning-container .methodGroup,
  .apikey-container .methodGroup {
    width: 134px;
  }
}
.authentication-container .methods,
.encryption-container .methods,
.encryption-tool .methods,
.hmac-generator .methods,
.versioning-container .methods,
.apikey-container .methods {
  color: #323436;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
}
.authentication-container .methods2,
.encryption-container .methods2,
.encryption-tool .methods2,
.hmac-generator .methods2,
.versioning-container .methods2,
.apikey-container .methods2 {
  color: #5E7482;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
}
.authentication-container .guide-doc-payload-view,
.encryption-container .guide-doc-payload-view,
.encryption-tool .guide-doc-payload-view,
.hmac-generator .guide-doc-payload-view,
.versioning-container .guide-doc-payload-view,
.apikey-container .guide-doc-payload-view {
  width: 100%;
}
.authentication-container .guide-doc-payload-view .common-sandbox,
.encryption-container .guide-doc-payload-view .common-sandbox,
.encryption-tool .guide-doc-payload-view .common-sandbox,
.hmac-generator .guide-doc-payload-view .common-sandbox,
.versioning-container .guide-doc-payload-view .common-sandbox,
.apikey-container .guide-doc-payload-view .common-sandbox {
  position: initial;
  width: auto;
}
.authentication-container .guide-doc-payload-view .common-sandbox,
.encryption-container .guide-doc-payload-view .common-sandbox,
.encryption-tool .guide-doc-payload-view .common-sandbox,
.hmac-generator .guide-doc-payload-view .common-sandbox,
.versioning-container .guide-doc-payload-view .common-sandbox,
.apikey-container .guide-doc-payload-view .common-sandbox,
.authentication-container .guide-doc-payload-view .sandbox-data-col,
.encryption-container .guide-doc-payload-view .sandbox-data-col,
.encryption-tool .guide-doc-payload-view .sandbox-data-col,
.hmac-generator .guide-doc-payload-view .sandbox-data-col,
.versioning-container .guide-doc-payload-view .sandbox-data-col,
.apikey-container .guide-doc-payload-view .sandbox-data-col {
  position: initial;
  padding-right: 5px;
}
@media (max-width: 991px) {
  .authentication-container .guide-doc-payload-view .sandboxMobileView,
  .encryption-container .guide-doc-payload-view .sandboxMobileView,
  .encryption-tool .guide-doc-payload-view .sandboxMobileView,
  .hmac-generator .guide-doc-payload-view .sandboxMobileView,
  .versioning-container .guide-doc-payload-view .sandboxMobileView,
  .apikey-container .guide-doc-payload-view .sandboxMobileView {
    display: initial;
  }
}
.authentication-container .methodBox1,
.encryption-container .methodBox1,
.encryption-tool .methodBox1,
.hmac-generator .methodBox1,
.versioning-container .methodBox1,
.apikey-container .methodBox1 {
  box-sizing: border-box;
  border-right: 1px solid #dde3e8;
  border-radius: 8px 0 0 8px;
  background-color: #f7f9fb;
  padding-left: 14px;
  padding-right: 60px;
  padding-top: 8px;
  padding-bottom: 12px;
}
.authentication-container .functions,
.encryption-container .functions,
.encryption-tool .functions,
.hmac-generator .functions,
.versioning-container .functions,
.apikey-container .functions {
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  border-radius: 8px;
  margin-left: 12px;
  padding: 4px 10px 4px 10px;
}
@media (max-width: 480px) {
  .authentication-container .functions,
  .encryption-container .functions,
  .encryption-tool .functions,
  .hmac-generator .functions,
  .versioning-container .functions,
  .apikey-container .functions {
    width: fit-content;
    display: flex;
    flex-direction: row;
    margin-top: 15px;
    margin-bottom: -5px;
  }
}
.authentication-container .functions-get,
.encryption-container .functions-get,
.encryption-tool .functions-get,
.hmac-generator .functions-get,
.versioning-container .functions-get,
.apikey-container .functions-get {
  background-color: #E8F0FE;
  color: #395FF0;
}
.authentication-container .functions-put,
.encryption-container .functions-put,
.encryption-tool .functions-put,
.hmac-generator .functions-put,
.versioning-container .functions-put,
.apikey-container .functions-put {
  background-color: #FFEEBE;
  color: #756C55;
}
.authentication-container .functions-post,
.encryption-container .functions-post,
.encryption-tool .functions-post,
.hmac-generator .functions-post,
.versioning-container .functions-post,
.apikey-container .functions-post {
  background-color: #E7FADB;
  color: #028053;
}
.authentication-container .functions-delete,
.encryption-container .functions-delete,
.encryption-tool .functions-delete,
.hmac-generator .functions-delete,
.versioning-container .functions-delete,
.apikey-container .functions-delete {
  background-color: #FFDCDE;
  color: #AC424A;
}
.authentication-container .date-description,
.encryption-container .date-description,
.encryption-tool .date-description,
.hmac-generator .date-description,
.versioning-container .date-description,
.apikey-container .date-description {
  color: #000000;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
}
.authentication-container .infoGroup,
.encryption-container .infoGroup,
.encryption-tool .infoGroup,
.hmac-generator .infoGroup,
.versioning-container .infoGroup,
.apikey-container .infoGroup {
  margin-bottom: 15px;
}
.authentication-container .infoCircle,
.encryption-container .infoCircle,
.encryption-tool .infoCircle,
.hmac-generator .infoCircle,
.versioning-container .infoCircle,
.apikey-container .infoCircle {
  color: #0678b4;
  font-size: 12px;
  margin-top: 10px;
}
.authentication-container .infoMessage,
.encryption-container .infoMessage,
.encryption-tool .infoMessage,
.hmac-generator .infoMessage,
.versioning-container .infoMessage,
.apikey-container .infoMessage {
  width: 420px;
  color: #0678b4;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  padding-top: 10px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .authentication-container .infoMessage,
  .encryption-container .infoMessage,
  .encryption-tool .infoMessage,
  .hmac-generator .infoMessage,
  .versioning-container .infoMessage,
  .apikey-container .infoMessage {
    padding-right: 55px;
  }
}
.authentication-container .relativeResource,
.encryption-container .relativeResource,
.encryption-tool .relativeResource,
.hmac-generator .relativeResource,
.versioning-container .relativeResource,
.apikey-container .relativeResource {
  color: #000000;
  font-family: Roobert, sans-serif;
  font-size: 16px;
}
.authentication-container .example,
.encryption-container .example,
.encryption-tool .example,
.hmac-generator .example,
.versioning-container .example,
.apikey-container .example {
  color: #000000;
  font-family: Roobert Bold, sans-serif;
  font-size: 16px;
  padding-top: 30px;
  margin-bottom: 20px;
}
.authentication-container .textMessageApi,
.encryption-container .textMessageApi,
.encryption-tool .textMessageApi,
.hmac-generator .textMessageApi,
.versioning-container .textMessageApi,
.apikey-container .textMessageApi {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #000000;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 24px;
}
.authentication-container .textMessage,
.encryption-container .textMessage,
.encryption-tool .textMessage,
.hmac-generator .textMessage,
.versioning-container .textMessage,
.apikey-container .textMessage {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #000000;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 24px;
}
.authentication-container .textMessage a,
.encryption-container .textMessage a,
.encryption-tool .textMessage a,
.hmac-generator .textMessage a,
.versioning-container .textMessage a,
.apikey-container .textMessage a {
  color: #048A81;
  text-decoration: none;
}
.authentication-container .textMessage .textMessage-inner-span,
.encryption-container .textMessage .textMessage-inner-span,
.encryption-tool .textMessage .textMessage-inner-span,
.hmac-generator .textMessage .textMessage-inner-span,
.versioning-container .textMessage .textMessage-inner-span,
.apikey-container .textMessage .textMessage-inner-span {
  font-family: Menlo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 8px 8px 4px 8px;
  border-radius: 4px;
  border: 1px solid #dde3e8;
  color: #000000;
  background: #f7f9fb;
}
.authentication-container .api-auth-inner-text ul,
.encryption-container .api-auth-inner-text ul,
.encryption-tool .api-auth-inner-text ul,
.hmac-generator .api-auth-inner-text ul,
.versioning-container .api-auth-inner-text ul,
.apikey-container .api-auth-inner-text ul,
.authentication-container .versioning-auth-inner-text ul,
.encryption-container .versioning-auth-inner-text ul,
.encryption-tool .versioning-auth-inner-text ul,
.hmac-generator .versioning-auth-inner-text ul,
.versioning-container .versioning-auth-inner-text ul,
.apikey-container .versioning-auth-inner-text ul,
.authentication-container .api-auth-inner-text ol,
.encryption-container .api-auth-inner-text ol,
.encryption-tool .api-auth-inner-text ol,
.hmac-generator .api-auth-inner-text ol,
.versioning-container .api-auth-inner-text ol,
.apikey-container .api-auth-inner-text ol,
.authentication-container .versioning-auth-inner-text ol,
.encryption-container .versioning-auth-inner-text ol,
.encryption-tool .versioning-auth-inner-text ol,
.hmac-generator .versioning-auth-inner-text ol,
.versioning-container .versioning-auth-inner-text ol,
.apikey-container .versioning-auth-inner-text ol {
  margin-left: 0px;
  padding-left: 20px;
}
.authentication-container .api-auth-inner-text ul li,
.encryption-container .api-auth-inner-text ul li,
.encryption-tool .api-auth-inner-text ul li,
.hmac-generator .api-auth-inner-text ul li,
.versioning-container .api-auth-inner-text ul li,
.apikey-container .api-auth-inner-text ul li,
.authentication-container .versioning-auth-inner-text ul li,
.encryption-container .versioning-auth-inner-text ul li,
.encryption-tool .versioning-auth-inner-text ul li,
.hmac-generator .versioning-auth-inner-text ul li,
.versioning-container .versioning-auth-inner-text ul li,
.apikey-container .versioning-auth-inner-text ul li,
.authentication-container .api-auth-inner-text ol li,
.encryption-container .api-auth-inner-text ol li,
.encryption-tool .api-auth-inner-text ol li,
.hmac-generator .api-auth-inner-text ol li,
.versioning-container .api-auth-inner-text ol li,
.apikey-container .api-auth-inner-text ol li,
.authentication-container .versioning-auth-inner-text ol li,
.encryption-container .versioning-auth-inner-text ol li,
.encryption-tool .versioning-auth-inner-text ol li,
.hmac-generator .versioning-auth-inner-text ol li,
.versioning-container .versioning-auth-inner-text ol li,
.apikey-container .versioning-auth-inner-text ol li {
  padding: 5px 0px;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #000000;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 26px;
}
.authentication-container .content-title1Bold,
.encryption-container .content-title1Bold,
.encryption-tool .content-title1Bold,
.hmac-generator .content-title1Bold,
.versioning-container .content-title1Bold,
.apikey-container .content-title1Bold {
  font-weight: 600;
}
.authentication-container .doc-info-list,
.encryption-container .doc-info-list,
.encryption-tool .doc-info-list,
.hmac-generator .doc-info-list,
.versioning-container .doc-info-list,
.apikey-container .doc-info-list {
  margin: 18px 0px 18px 0px;
  width: 95%;
  border: 1px solid #dde3e8;
  border-radius: 8px;
}
.authentication-container .doc-info-list .info-list-row,
.encryption-container .doc-info-list .info-list-row,
.encryption-tool .doc-info-list .info-list-row,
.hmac-generator .doc-info-list .info-list-row,
.versioning-container .doc-info-list .info-list-row,
.apikey-container .doc-info-list .info-list-row {
  display: flex;
  border-bottom: 1px solid #dde3e8;
}
.authentication-container .doc-info-list .info-list-row .info-col-first,
.encryption-container .doc-info-list .info-list-row .info-col-first,
.encryption-tool .doc-info-list .info-list-row .info-col-first,
.hmac-generator .doc-info-list .info-list-row .info-col-first,
.versioning-container .doc-info-list .info-list-row .info-col-first,
.apikey-container .doc-info-list .info-list-row .info-col-first {
  padding: 12px;
  width: 15%;
  max-width: 300px;
  min-width: 150px;
  border-right: 1px solid #dde3e8;
  background-color: #f7f9fb;
  color: #000000;
}
.authentication-container .doc-info-list .info-list-row .info-col-first .methods,
.encryption-container .doc-info-list .info-list-row .info-col-first .methods,
.encryption-tool .doc-info-list .info-list-row .info-col-first .methods,
.hmac-generator .doc-info-list .info-list-row .info-col-first .methods,
.versioning-container .doc-info-list .info-list-row .info-col-first .methods,
.apikey-container .doc-info-list .info-list-row .info-col-first .methods {
  color: #000000;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.authentication-container .doc-info-list .info-list-row .info-col-second,
.encryption-container .doc-info-list .info-list-row .info-col-second,
.encryption-tool .doc-info-list .info-list-row .info-col-second,
.hmac-generator .doc-info-list .info-list-row .info-col-second,
.versioning-container .doc-info-list .info-list-row .info-col-second,
.apikey-container .doc-info-list .info-list-row .info-col-second {
  padding: 12px;
  color: #000000;
  width: calc(100% - 15%);
}
.authentication-container .doc-info-list .info-list-row .info-col-second .methods2,
.encryption-container .doc-info-list .info-list-row .info-col-second .methods2,
.encryption-tool .doc-info-list .info-list-row .info-col-second .methods2,
.hmac-generator .doc-info-list .info-list-row .info-col-second .methods2,
.versioning-container .doc-info-list .info-list-row .info-col-second .methods2,
.apikey-container .doc-info-list .info-list-row .info-col-second .methods2 {
  color: #000000;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.authentication-container .doc-info-list .info-list-row .header,
.encryption-container .doc-info-list .info-list-row .header,
.encryption-tool .doc-info-list .info-list-row .header,
.hmac-generator .doc-info-list .info-list-row .header,
.versioning-container .doc-info-list .info-list-row .header,
.apikey-container .doc-info-list .info-list-row .header {
  color: #395FF0;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .authentication-container .doc-info-list,
  .encryption-container .doc-info-list,
  .encryption-tool .doc-info-list,
  .hmac-generator .doc-info-list,
  .versioning-container .doc-info-list,
  .apikey-container .doc-info-list {
    width: 100%;
  }
}
.authentication-container .requestData,
.encryption-container .requestData,
.encryption-tool .requestData,
.hmac-generator .requestData,
.versioning-container .requestData,
.apikey-container .requestData {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 570px;
  display: flex;
  flex-direction: column;
  border: 1px solid #dde3e8;
  border-radius: 8px;
  border-bottom: none;
}
@media (max-width: 767px) {
  .authentication-container .requestData,
  .encryption-container .requestData,
  .encryption-tool .requestData,
  .hmac-generator .requestData,
  .versioning-container .requestData,
  .apikey-container .requestData {
    width: 100%;
  }
}
.authentication-container .requestData .desc.key,
.encryption-container .requestData .desc.key,
.encryption-tool .requestData .desc.key,
.hmac-generator .requestData .desc.key,
.versioning-container .requestData .desc.key,
.apikey-container .requestData .desc.key {
  color: #31373b;
  font-weight: 600;
}
.authentication-container .requestData .desc.value,
.encryption-container .requestData .desc.value,
.encryption-tool .requestData .desc.value,
.hmac-generator .requestData .desc.value,
.versioning-container .requestData .desc.value,
.apikey-container .requestData .desc.value {
  color: #5a5f62;
  font-size: 12px;
}
.authentication-container .requestData .legend .desc.key,
.encryption-container .requestData .legend .desc.key,
.encryption-tool .requestData .legend .desc.key,
.hmac-generator .requestData .legend .desc.key,
.versioning-container .requestData .legend .desc.key,
.apikey-container .requestData .legend .desc.key {
  color: #395FF0;
}
.authentication-container .requestData .request-group-first,
.encryption-container .requestData .request-group-first,
.encryption-tool .requestData .request-group-first,
.hmac-generator .requestData .request-group-first,
.versioning-container .requestData .request-group-first,
.apikey-container .requestData .request-group-first {
  border-radius: 8px 8px 0px 0px;
}
.authentication-container .requestData .request-group-last,
.encryption-container .requestData .request-group-last,
.encryption-tool .requestData .request-group-last,
.hmac-generator .requestData .request-group-last,
.versioning-container .requestData .request-group-last,
.apikey-container .requestData .request-group-last {
  border-radius: 0px 0px 8px 8px;
  border-bottom: none;
}
.authentication-container .requestData .requestGroup,
.encryption-container .requestData .requestGroup,
.encryption-tool .requestData .requestGroup,
.hmac-generator .requestData .requestGroup,
.versioning-container .requestData .requestGroup,
.apikey-container .requestData .requestGroup {
  background-color: #f8f8f8;
  border-bottom: 1px solid #dde3e8;
}
.authentication-container .requestData .requestGroup .rectangle-left-first,
.encryption-container .requestData .requestGroup .rectangle-left-first,
.encryption-tool .requestData .requestGroup .rectangle-left-first,
.hmac-generator .requestData .requestGroup .rectangle-left-first,
.versioning-container .requestData .requestGroup .rectangle-left-first,
.apikey-container .requestData .requestGroup .rectangle-left-first {
  border-radius: 8px 0 0 8px;
}
.authentication-container .requestData .requestGroup .rectangle-right-first,
.encryption-container .requestData .requestGroup .rectangle-right-first,
.encryption-tool .requestData .requestGroup .rectangle-right-first,
.hmac-generator .requestData .requestGroup .rectangle-right-first,
.versioning-container .requestData .requestGroup .rectangle-right-first,
.apikey-container .requestData .requestGroup .rectangle-right-first {
  border-radius: 0px 8px 0px 0px;
}
.authentication-container .requestData .requestGroup .rectangle-right-last,
.encryption-container .requestData .requestGroup .rectangle-right-last,
.encryption-tool .requestData .requestGroup .rectangle-right-last,
.hmac-generator .requestData .requestGroup .rectangle-right-last,
.versioning-container .requestData .requestGroup .rectangle-right-last,
.apikey-container .requestData .requestGroup .rectangle-right-last {
  border-radius: 0px 0px 8px 0px;
}
.authentication-container .requestData .requestGroup .rectangleLeft,
.encryption-container .requestData .requestGroup .rectangleLeft,
.encryption-tool .requestData .requestGroup .rectangleLeft,
.hmac-generator .requestData .requestGroup .rectangleLeft,
.versioning-container .requestData .requestGroup .rectangleLeft,
.apikey-container .requestData .requestGroup .rectangleLeft {
  box-sizing: border-box;
  width: 116px;
  border-top: 1px solid #dde3e8;
  background-color: #f7f9fb;
  color: #5E7482;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 26px;
  padding-top: 10px;
}
.authentication-container .requestData .requestGroup .rectangleRight,
.encryption-container .requestData .requestGroup .rectangleRight,
.encryption-tool .requestData .requestGroup .rectangleRight,
.hmac-generator .requestData .requestGroup .rectangleRight,
.versioning-container .requestData .requestGroup .rectangleRight,
.apikey-container .requestData .requestGroup .rectangleRight {
  box-sizing: border-box;
  border-left: 1px solid #dde3e8;
  background-color: #ffffff;
  padding-bottom: 9px;
  padding-top: 9px;
  width: calc(100% - 116px);
}
.apikey-container img {
  width: 758px;
  max-width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
.apikey-container .textMessageApi {
  margin: 0px;
}
.apikey-container h5.api-authentication-part-step {
  margin: 0px;
}
.idempotency-container,
.api-integration-best-practices-container,
.api-response-error-codes-container {
  padding: 1.5% 8% 8% 7.2%;
}
@media (max-width: 1199px) {
  .idempotency-container,
  .api-integration-best-practices-container,
  .api-response-error-codes-container {
    padding: 30px 12px 150px;
  }
}
.idempotency-container pre,
.api-integration-best-practices-container pre,
.api-response-error-codes-container pre {
  font-size: 15px;
}
.idempotency-container .light-mode .code-datatype,
.api-integration-best-practices-container .light-mode .code-datatype,
.api-response-error-codes-container .light-mode .code-datatype {
  color: #c3444d;
  display: inline;
}
.idempotency-container .dark-mode .code-datatype,
.api-integration-best-practices-container .dark-mode .code-datatype,
.api-response-error-codes-container .dark-mode .code-datatype {
  color: #ffc627;
}
.idempotency-container .api-authentication-sub-title,
.api-integration-best-practices-container .api-authentication-sub-title,
.api-response-error-codes-container .api-authentication-sub-title {
  padding-top: 24px;
  font-family: Roobert Bold, sans-serif;
  font-size: 24px;
  color: #323436;
  padding-bottom: 10px;
}
.idempotency-container .api-authentication-part-step,
.api-integration-best-practices-container .api-authentication-part-step,
.api-response-error-codes-container .api-authentication-part-step {
  padding-top: 24px;
  font-family: Roobert Bold, sans-serif;
  font-size: 24px;
  color: #000000;
  padding-bottom: 10px;
}
.idempotency-container .textMessage,
.api-integration-best-practices-container .textMessage,
.api-response-error-codes-container .textMessage {
  color: #000000;
  font-size: 16px;
  line-height: 24px;
}
.idempotency-container .textMessageApi,
.api-integration-best-practices-container .textMessageApi,
.api-response-error-codes-container .textMessageApi {
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  padding: 15px 0;
}
.idempotency-container .textMessageApi ul,
.api-integration-best-practices-container .textMessageApi ul,
.api-response-error-codes-container .textMessageApi ul,
.idempotency-container .textMessageApi ol,
.api-integration-best-practices-container .textMessageApi ol,
.api-response-error-codes-container .textMessageApi ol {
  margin-left: 0px;
  padding-left: 20px;
}
.idempotency-container .textMessageApi ul li,
.api-integration-best-practices-container .textMessageApi ul li,
.api-response-error-codes-container .textMessageApi ul li,
.idempotency-container .textMessageApi ol li,
.api-integration-best-practices-container .textMessageApi ol li,
.api-response-error-codes-container .textMessageApi ol li {
  padding: 8px 0px;
  line-height: 26px;
}
.idempotency-container h3.api-authentication-sub-title,
.api-integration-best-practices-container h3.api-authentication-sub-title,
.api-response-error-codes-container h3.api-authentication-sub-title {
  margin-bottom: 10px;
  padding-top: 10px;
  color: #000000;
  font-size: 24px;
  font-family: Roobert Bold, sans-serif;
  line-height: 28px;
}
.idempotency-container .common-sandbox.sandbox-data-col.marginTopApi,
.api-integration-best-practices-container .common-sandbox.sandbox-data-col.marginTopApi,
.api-response-error-codes-container .common-sandbox.sandbox-data-col.marginTopApi {
  position: static;
  width: 100%;
  padding-right: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  right: auto;
  top: auto;
  bottom: auto;
  left: auto;
  z-index: auto;
}
.idempotency-container .common-sandbox.sandbox-data-col.marginTopApi .api-data-window,
.api-integration-best-practices-container .common-sandbox.sandbox-data-col.marginTopApi .api-data-window,
.api-response-error-codes-container .common-sandbox.sandbox-data-col.marginTopApi .api-data-window {
  position: static;
  width: 100%;
  height: auto;
}
.idempotency-container .common-sandbox.sandbox-data-col.marginTopApi pre.auth-code,
.api-integration-best-practices-container .common-sandbox.sandbox-data-col.marginTopApi pre.auth-code,
.api-response-error-codes-container .common-sandbox.sandbox-data-col.marginTopApi pre.auth-code {
  background-color: #f7f9fb;
  border: 1px solid #dde3e8;
  border-radius: 4px;
  padding: 15px;
  overflow-x: auto;
  font-size: 14px;
  color: #5E7482;
  margin: 0;
  position: static;
}
.idempotency-container .common-sandbox.sandbox-data-col.marginTopApi pre.auth-code .json-brace,
.api-integration-best-practices-container .common-sandbox.sandbox-data-col.marginTopApi pre.auth-code .json-brace,
.api-response-error-codes-container .common-sandbox.sandbox-data-col.marginTopApi pre.auth-code .json-brace {
  color: #5E7482;
  margin-bottom: 8px;
}
.idempotency-container .common-sandbox.sandbox-data-col.marginTopApi pre.auth-code .json-property,
.api-integration-best-practices-container .common-sandbox.sandbox-data-col.marginTopApi pre.auth-code .json-property,
.api-response-error-codes-container .common-sandbox.sandbox-data-col.marginTopApi pre.auth-code .json-property {
  margin-left: 16px;
  line-height: 1.6;
}
.idempotency-container .common-sandbox.sandbox-data-col.marginTopApi pre.auth-code.dark-mode,
.api-integration-best-practices-container .common-sandbox.sandbox-data-col.marginTopApi pre.auth-code.dark-mode,
.api-response-error-codes-container .common-sandbox.sandbox-data-col.marginTopApi pre.auth-code.dark-mode {
  color: #E0E1E2;
}
.idempotency-container .error-scenario-box,
.api-integration-best-practices-container .error-scenario-box,
.api-response-error-codes-container .error-scenario-box {
  margin-bottom: 20px;
}
.idempotency-container .error-scenario-box .scenario-title,
.api-integration-best-practices-container .error-scenario-box .scenario-title,
.api-response-error-codes-container .error-scenario-box .scenario-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #323436;
}
.idempotency-container .error-scenario-box .scenario-content,
.api-integration-best-practices-container .error-scenario-box .scenario-content,
.api-response-error-codes-container .error-scenario-box .scenario-content {
  background-color: #f5f5f5;
  border: 1px solid #dde3e8;
  border-radius: 4px;
  padding: 15px;
  font-family: monospace;
  font-size: 12px;
  color: #5E7482;
  overflow-x: auto;
}
.idempotency-container .error-scenario-box .scenario-content .json-brace,
.api-integration-best-practices-container .error-scenario-box .scenario-content .json-brace,
.api-response-error-codes-container .error-scenario-box .scenario-content .json-brace {
  color: #5E7482;
  margin-bottom: 8px;
}
.idempotency-container .error-scenario-box .scenario-content .json-property,
.api-integration-best-practices-container .error-scenario-box .scenario-content .json-property,
.api-response-error-codes-container .error-scenario-box .scenario-content .json-property {
  margin-left: 16px;
  line-height: 1.6;
}
.idempotency-container .best-practices-list,
.api-integration-best-practices-container .best-practices-list,
.api-response-error-codes-container .best-practices-list {
  margin-top: 15px;
}
.idempotency-container .best-practices-list ul,
.api-integration-best-practices-container .best-practices-list ul,
.api-response-error-codes-container .best-practices-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.idempotency-container .best-practices-list ul li,
.api-integration-best-practices-container .best-practices-list ul li,
.api-response-error-codes-container .best-practices-list ul li {
  margin-bottom: 12px;
  padding-left: 24px;
  position: relative;
  color: #5E7482;
  font-size: 14px;
}
.idempotency-container .connections-grid,
.api-integration-best-practices-container .connections-grid,
.api-response-error-codes-container .connections-grid {
  margin-top: 15px;
  margin-bottom: 15px;
}
.idempotency-container .steps,
.api-integration-best-practices-container .steps,
.api-response-error-codes-container .steps {
  margin-top: 15px;
}
.idempotency-container .api-object,
.api-integration-best-practices-container .api-object,
.api-response-error-codes-container .api-object {
  color: #5E7482;
}
.idempotency-container .api-object.dark-mode,
.api-integration-best-practices-container .api-object.dark-mode,
.api-response-error-codes-container .api-object.dark-mode {
  color: #E0E1E2;
}
.idempotency-container .dark-mode .api-object,
.api-integration-best-practices-container .dark-mode .api-object,
.api-response-error-codes-container .dark-mode .api-object {
  color: #E0E1E2;
}
.idempotency-container .api-data-window.dark-mode .api-object,
.api-integration-best-practices-container .api-data-window.dark-mode .api-object,
.api-response-error-codes-container .api-data-window.dark-mode .api-object {
  color: #E0E1E2;
}
.idempotency-container .idempotency-grid-container,
.api-integration-best-practices-container .idempotency-grid-container,
.api-response-error-codes-container .idempotency-grid-container {
  font-family: Roobert, sans-serif;
  display: grid;
  grid-auto-flow: row;
  row-gap: 0;
  width: 100%;
  border-radius: 4px;
  overflow-y: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 15px;
  margin-bottom: 15px;
}
.idempotency-container .idempotency-grid-container .idempotency-grid-header-item,
.api-integration-best-practices-container .idempotency-grid-container .idempotency-grid-header-item,
.api-response-error-codes-container .idempotency-grid-container .idempotency-grid-header-item {
  font-family: Roobert Bold, sans-serif;
  border: none;
  border-bottom: 1px solid #DDE3E8;
  text-align: left;
  white-space: normal;
  line-height: 22.4px;
  font-size: 14px;
  color: #000000;
  padding: 19px 20px;
}
.idempotency-container .idempotency-grid-container .idempotency-grid-header-item .grid-header-description,
.api-integration-best-practices-container .idempotency-grid-container .idempotency-grid-header-item .grid-header-description,
.api-response-error-codes-container .idempotency-grid-container .idempotency-grid-header-item .grid-header-description {
  display: block;
  font-family: Roobert, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  margin-top: 4px;
}
.idempotency-container .idempotency-grid-container .idempotency-grid-item,
.api-integration-best-practices-container .idempotency-grid-container .idempotency-grid-item,
.api-response-error-codes-container .idempotency-grid-container .idempotency-grid-item {
  text-align: left;
  white-space: normal;
  font-weight: 400;
  line-height: 22.4px;
  font-size: 14px;
  color: #000000;
  padding: 19px 20px;
}
.idempotency-container .idempotency-grid-container .idempotency-grid-header-item,
.api-integration-best-practices-container .idempotency-grid-container .idempotency-grid-header-item,
.api-response-error-codes-container .idempotency-grid-container .idempotency-grid-header-item {
  border-top: 1px solid #DDE3E8;
  background-color: #ffffff;
}
.idempotency-container .idempotency-grid-container .idempotency-grid-header-item:first-child,
.api-integration-best-practices-container .idempotency-grid-container .idempotency-grid-header-item:first-child,
.api-response-error-codes-container .idempotency-grid-container .idempotency-grid-header-item:first-child {
  border-left: 1px solid #DDE3E8;
}
.idempotency-container .idempotency-grid-container .idempotency-grid-header-item:nth-child(3),
.api-integration-best-practices-container .idempotency-grid-container .idempotency-grid-header-item:nth-child(3),
.api-response-error-codes-container .idempotency-grid-container .idempotency-grid-header-item:nth-child(3) {
  border-right: 1px solid #DDE3E8;
}
@media (max-width: 768px) {
  .idempotency-container .idempotency-grid-container,
  .api-integration-best-practices-container .idempotency-grid-container,
  .api-response-error-codes-container .idempotency-grid-container {
    overflow-x: auto;
    max-width: 100%;
  }
}
.webhook-container {
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
}
.webhook-container img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.webhook-container .content-panel {
  padding-top: 20px;
}
.webhook-container .content-desc {
  padding-bottom: 15px;
}
.static-page-container {
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
}
.static-page-container .static-page-subheader {
  font-family: Roobert Medium, sans-serif;
  font-size: 24px;
  color: #00406e;
  padding-top: 10px;
}
.static-page-container .static-page-desc {
  font-family: Roobert, sans-serif;
  font-size: 14px;
  color: #5E7482;
  padding-top: 15px;
}
.static-page-container .static-page-section .desc {
  color: #31373b;
  padding-top: 10px;
}
.static-page-container .static-page-section .list-container {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 10px;
}
.static-page-container .static-page-section .list-container ul {
  margin-bottom: 10px;
  padding-left: 0;
}
.static-page-container .static-page-section .list-container ul li {
  padding-bottom: 15px;
}
.static-page-container .static-page-section .list-container ul li span.desc {
  color: #31373b;
}
.static-page-container .static-page-section .list-container ul.inner {
  padding-bottom: 20px;
}
.error-description {
  color: #5E7482;
  font-size: 16px;
  line-height: 24px;
}
.success-description {
  color: #5E7482;
  font-size: 16px;
  line-height: 24px;
}
.response-params {
  display: flex;
  align-items: center;
  margin-left: 30px;
  padding-bottom: 24px;
}
@media (max-width: 992px) {
  .response-params {
    margin-left: 0px;
    padding-left: 0px;
  }
}
.response-params .error-key {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #CE1518;
}
.response-params .success-key {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #028053;
}
.response-params .response-text {
  color: #323436;
  font-family: Roobert Bold, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-right: 14px;
  margin-left: 14px;
}
.row.display-flex {
  padding-left: 15px;
}
.row.display-flex > [class*="col-"] {
  min-height: 60px;
  padding-left: 0px;
}
.fa-sitemap {
  margin-top: 5px;
  margin-right: 15px;
}
.enumModal .btn-close,
div[name="_copyApiLinkModal"] .btn-close {
  color: #5E7482;
  opacity: 0.9;
  font-family: Roobert Bold, sans-serif;
  margin-right: 5px;
  top: 40px;
  right: 30px;
  float: right;
  filter: invert(0.5) grayscale(50%) brightness(100%);
}
.enumModal .modal-header,
div[name="_copyApiLinkModal"] .modal-header {
  padding-bottom: 0px;
  padding-left: 10px;
  display: flex;
  align-items: flex-start;
}
.enumModal .modal-dialog,
div[name="_copyApiLinkModal"] .modal-dialog {
  width: 70%;
}
@media (max-width: 991px) {
  .enumModal .modal-dialog,
  div[name="_copyApiLinkModal"] .modal-dialog {
    width: 90%;
  }
}
.enumModal .modal-title,
div[name="_copyApiLinkModal"] .modal-title {
  color: #00406e;
  font-family: Roobert Bold, sans-serif;
  padding: 2% 2% 0 2%;
}
.enumModal .modal-body,
div[name="_copyApiLinkModal"] .modal-body {
  overflow-y: auto;
  font-size: 14px;
  margin: 0 2% 2% 2%;
  padding-top: 10px;
  color: #5E7482;
}
.enumModal .enum-details-list,
div[name="_copyApiLinkModal"] .enum-details-list {
  height: 60px;
  overflow: hidden;
  color: #000000;
}
.enumModal .enum-Name,
div[name="_copyApiLinkModal"] .enum-Name {
  color: #5a5f62;
  font-family: Roobert Bold, sans-serif;
  font-size: 16px;
  padding-left: 0px;
}
.enumModal .enum-description,
div[name="_copyApiLinkModal"] .enum-description {
  color: #5E7482;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  padding-left: 0px;
}
.enumModal .param-description,
div[name="_copyApiLinkModal"] .param-description {
  padding-bottom: 15px;
}
.enumModal ul,
div[name="_copyApiLinkModal"] ul {
  padding-bottom: 10px;
  padding-left: 20px;
}
.enumModal ul li,
div[name="_copyApiLinkModal"] ul li {
  padding-top: 8px;
  font-family: Roobert Bold, sans-serif;
  list-style: none;
}
.enumModal ul li span,
div[name="_copyApiLinkModal"] ul li span {
  font-family: Roobert, sans-serif;
  display: block;
}
div[name="_copyApiLinkModal"] {
  margin-left: 4%;
}
@media (min-width: 768px) {
  div[name="_copyApiLinkModal"] {
    margin-left: 20%;
    width: 60%;
  }
}
div[name="_copyApiLinkModal"] .share-link-tabs {
  position: relative;
  padding-bottom: 10px;
}
div[name="_copyApiLinkModal"] .share-link-tabs button {
  position: absolute;
  right: 3px;
  top: 3px;
  border: none;
  height: 39px;
  width: 100px;
  outline: none;
  text-align: center;
  font-weight: bold;
  padding: 2px;
  background-color: #395FF0;
  color: #ffffff;
  border-radius: 0px;
}
div[name="_copyApiLinkModal"] .share-link-tabs button:hover {
  cursor: pointer;
  background-color: #1D3282;
}
div[name="_copyApiLinkModal"] .share-link-tabs input {
  width: 100%;
  height: 45px;
  border: 1px solid #dde3e8;
  padding-right: 104px;
}
.enumModal div[name="_copyApiLinkModal"].modal-dialog .modal-content {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.enumModal div[name="_copyApiLinkModal"].modal-dialog .modal-content .modal-body {
  padding: 10px 0px 0px 0px;
}
.enumModal .api-operation-container .api-operation-param .operation-description .paramInfo span {
  display: block;
}
.enumModal .api-operation-container .api-operation-param .operation-description .paramInfo .required {
  flex: none;
  border-radius: 25px;
  background-color: #dde3e8;
  color: #5E7482;
  font-family: Roobert Medium, sans-serif;
  text-align: center;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  display: inline-flex;
  margin-left: 10px;
  padding-bottom: 1px;
  font-style: inherit;
}
.enumModal .api-operation-container .api-operation-param .operation-description .paramInfo li {
  list-style: none;
  padding-left: 15px;
  padding-top: 5px;
}
.enumModal .marginTopApi {
  margin-top: auto !important;
}
.enumModal .apiSandboxValue {
  color: #6A6E71;
  padding-left: 0px;
  font-family: Menlo, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.enumModal .shareable-link-api-customwidth {
  display: inline-flex;
}
.enumModal .shareable-link-api-customwidth > .shareable-link {
  padding-left: 22px;
  margin-left: 9%;
}
.enumModal .enumModal_sandbox_Body,
.enumModal div[name="_sandbox_popup"] {
  padding: 0px !important;
}
.enumModal .enumModal_sandbox_Body .close-button,
.enumModal div[name="_sandbox_popup"] .close-button {
  display: none;
}
.enumModal .enumModal_sandbox_Body .sandbox-icon-div-close,
.enumModal div[name="_sandbox_popup"] .sandbox-icon-div-close,
.enumModal .enumModal_sandbox_Body .sandbox-icon-div-open,
.enumModal div[name="_sandbox_popup"] .sandbox-icon-div-open {
  display: none;
}
@media (max-width: 480px) {
  .enumModal .enumModal_sandbox_Body .close-button,
  .enumModal div[name="_sandbox_popup"] .close-button {
    display: block;
    position: absolute;
    top: -41px;
    right: 12px;
    border-radius: 4px;
    width: 30px;
    height: 30px;
  }
  .enumModal .enumModal_sandbox_Body .modal-dialog,
  .enumModal div[name="_sandbox_popup"] .modal-dialog {
    width: 100%;
    margin: 64px 0px 0px 0px;
  }
  .enumModal .enumModal_sandbox_Body .modal-dialog .modal-content,
  .enumModal div[name="_sandbox_popup"] .modal-dialog .modal-content {
    border-radius: 15px;
  }
  .enumModal .enumModal_sandbox_Body .sandbox-icon-div-close,
  .enumModal div[name="_sandbox_popup"] .sandbox-icon-div-close {
    display: none;
  }
  .enumModal .enumModal_sandbox_Body .sandbox-icon-div-open,
  .enumModal div[name="_sandbox_popup"] .sandbox-icon-div-open {
    display: block;
    top: 0px;
    position: relative;
    z-index: 1;
  }
  .enumModal .enumModal_sandbox_Body .sandbox-icon-div-open .darkmode-events,
  .enumModal div[name="_sandbox_popup"] .sandbox-icon-div-open .darkmode-events,
  .enumModal .enumModal_sandbox_Body .sandbox-icon-div-open .copy-events,
  .enumModal div[name="_sandbox_popup"] .sandbox-icon-div-open .copy-events {
    background-color: #dde3e8;
  }
  .enumModal .enumModal_sandbox_Body .sandbox-icon-div-open .darkmode-events,
  .enumModal div[name="_sandbox_popup"] .sandbox-icon-div-open .darkmode-events {
    border-left: 1px solid #dde3e8;
    border-bottom: 1px solid #dde3e8;
  }
  .enumModal .enumModal_sandbox_Body .sandbox-icon-div-open .copy-events,
  .enumModal div[name="_sandbox_popup"] .sandbox-icon-div-open .copy-events {
    border-bottom: 1px solid #dde3e8;
  }
  .enumModal .enumModal_sandbox_Body .sandbox-icon-div-open .copy-events,
  .enumModal div[name="_sandbox_popup"] .sandbox-icon-div-open .copy-events {
    margin-right: 0px;
    padding: 11px 14px 10px 12px;
    border-radius: 0px 0px 8px 0px;
  }
  .enumModal .enumModal_sandbox_Body .sandbox-icon-div-open .darkmode-events,
  .enumModal div[name="_sandbox_popup"] .sandbox-icon-div-open .darkmode-events {
    margin-right: 0px;
    padding: 8px 13px 6px 12px;
    border-radius: 0px 0px 0px 8px;
  }
  .enumModal .enumModal_sandbox_Body .sandbox-icon-div-open .close-events,
  .enumModal div[name="_sandbox_popup"] .sandbox-icon-div-open .close-events {
    display: none;
  }
}
.enumModal .enumModal_sandbox_Body .api-data-window,
.enumModal div[name="_sandbox_popup"] .api-data-window {
  z-index: 1;
  background-color: #31373b;
  height: 100%;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload {
  background-color: #f7f9fb;
  border-radius: 8px;
}
@media (max-width: 480px) {
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload {
    border-radius: 15px;
  }
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload pre,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload pre {
  padding-right: 0px;
  overflow-x: hidden;
  background-color: #f0f4f6;
  margin: auto;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .status-success,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .status-success {
  color: #00bdb6;
  font-weight: bold;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .status-pending,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .status-pending {
  color: #ff671b;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .status-error,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .status-error {
  color: #f78075;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-border-none,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-border-none {
  border: none;
  padding-left: 0px;
  background-color: inherit;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-comment,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment {
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  color: #323436;
  padding-bottom: 0px;
  width: calc(100% + 2px);
  margin: -1px;
  position: relative;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-comment span,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment span {
  text-transform: capitalize;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-comment .sanbox-icon-div,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment .sanbox-icon-div {
  float: right;
}
@media (max-width: 480px) {
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-comment .sanbox-icon-div,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment .sanbox-icon-div {
    display: none;
  }
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-comment .sandbox-close-button,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment .sandbox-close-button {
  display: none;
}
@media (max-width: 480px) {
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-comment .sandbox-close-button,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment .sandbox-close-button {
    display: block;
    position: absolute;
    right: 8px;
    border: none;
    top: -4px;
    padding: 0px;
    border-radius: 8px;
    background: transparent;
  }
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-comment .sandbox-close-button .icon-open .fa-times,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment .sandbox-close-button .icon-open .fa-times {
    display: block;
    font-size: 15px;
    width: 32px;
    height: 32px;
    color: #ffffff;
    background: #3F64F2;
    border-radius: 8px;
    padding: 6px;
  }
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-comment .sandbox-close-button .icon-open .fa-ellipsis-v,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment .sandbox-close-button .icon-open .fa-ellipsis-v {
    display: none;
  }
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-comment .sandbox-close-button .icon-close,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment .sandbox-close-button .icon-close {
    padding-top: 8px;
    padding-right: 8px;
  }
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-comment .sandbox-close-button .icon-close .fa-ellipsis-v,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment .sandbox-close-button .icon-close .fa-ellipsis-v {
    display: block;
  }
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-comment .sandbox-close-button .icon-close .fa-times,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment .sandbox-close-button .icon-close .fa-times {
    display: none;
  }
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-attr,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-attr {
  color: #5a5f62;
  font-family: Menlo, sans-serif;
  font-size: 14px;
  font-weight: 400;
  word-break: break-all;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-value .api-array,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-value .api-array,
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-value .api-object,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-value .api-object {
  color: #1ccfc9;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-heading,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-heading {
  color: #5465BE;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-content-left,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-content-left {
  padding-left: 15px;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload .api-content-more-left,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload .api-content-more-left {
  padding-left: 25px;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload.dark-mode,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode {
  background-color: #3B4449;
}
@media (max-width: 480px) {
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .sandbox-icon-div-open .darkmode-events,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode .sandbox-icon-div-open .darkmode-events,
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .sandbox-icon-div-open .copy-events,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode .sandbox-icon-div-open .copy-events {
    background-color: #4C575C;
  }
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .sandbox-icon-div-open .darkmode-events,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode .sandbox-icon-div-open .darkmode-events {
    border-left: 1px solid #4C575C;
    border-bottom: 1px solid #4C575C;
  }
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .sandbox-icon-div-open .copy-events,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode .sandbox-icon-div-open .copy-events {
    border-bottom: 1px solid #4C575C;
  }
  .enumModal .enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .sandbox-close-button,
  .enumModal div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode .sandbox-close-button {
    color: #ffffff;
  }
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload.dark-mode pre,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode pre {
  background-color: #4C575C;
  border: none;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .enumModal_sandbox_Body_Content,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode .enumModal_sandbox_Body_Content {
  background-color: #3B4449;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .api-header,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode .api-header {
  color: #f7f9fb;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .api-heading,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode .api-heading {
  color: #DFBEFF;
}
.enumModal .enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .api-attr,
.enumModal div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode .api-attr {
  color: #E0E1E2;
}
.enumModal .enumModal_sandbox_Body .dark-mode .payload-details .code-datatype,
.enumModal div[name="_sandbox_popup"] .dark-mode .payload-details .code-datatype {
  color: #ffc627;
}
.enumModal .enumModal_sandbox_Body .close,
.enumModal div[name="_sandbox_popup"] .close {
  color: #5E7482;
  opacity: 0.9;
  font-family: Roobert Bold, sans-serif;
  font-size: xx-large;
  margin-top: -5px;
  margin-left: 10px;
}
.enumModal .enumModal_sandbox_Body .payload-details,
.enumModal div[name="_sandbox_popup"] .payload-details {
  padding: 20px;
}
.enumModal .enumModal_sandbox_Body .payload-details .code-datatype,
.enumModal div[name="_sandbox_popup"] .payload-details .code-datatype {
  color: #c3444d;
  display: inline;
}
.enumModal .enumModal_sandbox_Body .close-events,
.enumModal div[name="_sandbox_popup"] .close-events {
  float: right;
  margin-right: 8px;
  background: #000000;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  color: #5E7482;
}
.enumModal .enumModal_sandbox_Body .copy-events,
.enumModal div[name="_sandbox_popup"] .copy-events {
  float: right;
  background: #000000;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  color: #5E7482;
}
.enumModal .enumModal_sandbox_Body .darkmode-events,
.enumModal div[name="_sandbox_popup"] .darkmode-events {
  float: right;
  background: #000000;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  color: #5E7482;
}
.enumModal .enumModal_sandbox_Body pre,
.enumModal div[name="_sandbox_popup"] pre {
  color: #3A7E4A;
  background-color: inherit;
  display: block;
  font-size: 17px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f0f4f6;
  border-radius: 0px;
}
.enumModal .enumModal_sandbox_Body .modal-body,
.enumModal div[name="_sandbox_popup"] .modal-body {
  overflow-y: auto;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  color: #5E7482;
}
.enumModal .enumModal_sandbox_Body .modal-header,
.enumModal div[name="_sandbox_popup"] .modal-header {
  padding-bottom: 0px;
  padding-left: 0px;
}
.enumModal .enumModal_sandbox_Body .enum-details-list,
.enumModal div[name="_sandbox_popup"] .enum-details-list {
  height: 60px;
  overflow: hidden;
  color: #000000;
}
.enumModal .enumModal_sandbox_Body .enum-Name,
.enumModal div[name="_sandbox_popup"] .enum-Name {
  color: #5a5f62;
  font-family: Roobert Bold, sans-serif;
  font-size: 16px;
  padding-left: 0px;
}
.enumModal .enumModal_sandbox_Body .enum-description,
.enumModal div[name="_sandbox_popup"] .enum-description {
  color: #5E7482;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  padding-left: 0px;
}
.enumModal .enumModal_sandbox_Body .param-description,
.enumModal div[name="_sandbox_popup"] .param-description {
  padding-bottom: 15px;
}
.enumModal .enumModal_sandbox_Body ul,
.enumModal div[name="_sandbox_popup"] ul {
  padding-bottom: 10px;
  padding-left: 0px;
}
.enumModal .enumModal_sandbox_Body ul li,
.enumModal div[name="_sandbox_popup"] ul li {
  padding-top: 0px;
  font-family: Roobert Bold, sans-serif;
  list-style: none;
}
.enumModal .enumModal_sandbox_Body ul li span,
.enumModal div[name="_sandbox_popup"] ul li span {
  font-family: Roobert, sans-serif;
  display: block;
}
.enumModal .enumModal_sandbox_Body > .enumModal_sandbox_Body_Content .modal-header,
.enumModal div[name="_sandbox_popup"] > .enumModal_sandbox_Body_Content .modal-header {
  padding-bottom: 0px;
}
.enumModal .enumModal_sandbox_Body > .enumModal_sandbox_Body_Content .modal-dialog,
.enumModal div[name="_sandbox_popup"] > .enumModal_sandbox_Body_Content .modal-dialog {
  width: 70%;
}
@media (max-width: 991px) {
  .enumModal .enumModal_sandbox_Body > .enumModal_sandbox_Body_Content .modal-dialog,
  .enumModal div[name="_sandbox_popup"] > .enumModal_sandbox_Body_Content .modal-dialog {
    width: 90%;
  }
}
.enumModal .enumModal_sandbox_Body > .enumModal_sandbox_Body_Content .modal-title,
.enumModal div[name="_sandbox_popup"] > .enumModal_sandbox_Body_Content .modal-title {
  color: #00406e;
  font-family: Roobert Bold, sans-serif;
}
.enumModal .enumModal_sandbox_Body.positionTooltip,
.enumModal div[name="_sandbox_popup"].positionTooltip {
  position: fixed;
}
.enumModal .mobile-only {
  display: none;
}
@media only screen and (max-width: 991px) {
  .enumModal .mobile-only {
    display: block;
  }
}
@media (max-width: 991px) {
  .enumModal .sandboxMobileView {
    display: none !important;
  }
  .enumModal .sandboxMobileViewContent {
    display: block;
  }
  .enumModal .sandboxMobileViewContent a span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #395FF0;
    font-family: Roobert Medium, sans-serif;
  }
  .enumModal .sandboxMobileViewContent a span svg {
    color: #395FF0;
    margin-left: 6px;
    height: 20px;
    width: 20px;
  }
  .enumModal .share-link-gaps {
    display: inline-flex;
    column-gap: 20px;
  }
}
.enumModal .api-tooltips .tooltipNew {
  position: relative;
  display: flex;
}
.enumModal .api-tooltips .tooltipNew .tooltiptext {
  visibility: hidden;
  background-color: #395FF0;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  margin-left: -15px;
  margin-top: 23px;
  position: absolute;
  z-index: 1;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
  letter-spacing: 0px;
  width: 52px;
  height: 36px;
  background: #1F2629;
  border-radius: 6px;
}
.enumModal .api-tooltips .tooltipNew .tooltiptext.copied {
  background-color: #008549;
  padding: 5px;
  width: 60px;
}
.enumModal .api-tooltips .tooltipNew .tooltiptext.positionTooltip {
  position: fixed;
}
.enumModal .api-tooltips .tooltipNew:hover .tooltiptext {
  visibility: visible;
}
@media (max-width: 480px) {
  .enumModal .api-container .theme-icon {
    padding: 7px;
  }
}
.enumModal .payloadOpacity.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.enumModal .collapse:not(.show) {
  display: none;
}
.shareable-link-api {
  font-family: Roobert Medium, sans-serif;
  cursor: pointer;
  margin-top: 30px;
}
.shareable-link-api .fa-link {
  margin-left: 8px;
  font-size: 12px;
}
.all-response-codes-modal.ui-modal {
  overflow-y: hidden;
}
.all-response-codes-modal.ui-modal .modal-dialog {
  width: 90%;
  margin: 30px auto;
  display: flex;
  flex-direction: column;
}
.all-response-codes-modal.ui-modal:not(.login-modal) .modal-content {
  top: 100px;
  max-height: calc(90vh - 60px);
  display: flex;
  flex-direction: column;
}
.all-response-codes-modal.ui-modal:not(.login-modal) .modal-content .modal-header {
  flex-shrink: 0;
  padding: 24px 30px 20px;
}
.all-response-codes-modal.ui-modal:not(.login-modal) .modal-content .modal-body {
  overflow-y: auto;
  flex: 1 1 auto;
  padding: 0 30px 30px;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container {
  font-family: Roobert, sans-serif;
  display: grid;
  grid-auto-flow: row;
  row-gap: 0;
  width: 100%;
  border-radius: 4px;
  overflow-y: auto;
  border: 1px solid #DDE3E8;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-header-item {
  font-family: Roobert Bold, sans-serif;
  border: none;
  border-bottom: 1px solid #DDE3E8;
  text-align: left;
  white-space: normal;
  line-height: 22.4px;
  font-size: 14px;
  color: #000000;
  padding: 19px 20px;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-header-item .grid-header-description {
  display: block;
  font-family: Roobert, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  margin-top: 4px;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item {
  text-align: left;
  white-space: normal;
  font-weight: 400;
  line-height: 22.4px;
  font-size: 14px;
  color: #000000;
  padding: 19px 20px;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-header-item {
  border-right: 1px solid #DDE3E8;
  background-color: #F2F4F5;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-header-item:last-of-type {
  border-right: none;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item {
  border-bottom: 1px solid #DDE3E8;
  border-right: 1px solid #DDE3E8;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item.grid-col-last {
  border-right: none;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item.grid-col-first {
  font-family: Roobert Bold, sans-serif;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item a {
  color: #048A81;
  font-family: Roobert Medium, sans-serif;
  text-decoration: none;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item a:hover {
  text-decoration: underline;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link {
  padding: 0;
  margin-top: 6px;
  text-align: left;
  border: none;
  border-bottom: 2px solid transparent;
  background: none;
  text-decoration: none;
  display: inline;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link span {
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
  color: #048A81;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:hover {
  background: none;
  border-bottom-color: #048A81;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:hover span {
  color: #048A81;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:focus,
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:active {
  box-shadow: none;
  background: none;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:focus span,
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:active span {
  color: #048A81;
}
.all-response-codes-modal.ui-modal .all-response-codes-content .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:focus-visible {
  outline: 2px solid #395FF0;
  outline-offset: 2px;
}
.app-router {
  overflow-x: hidden;
}
#responseParamsModalDetails .api-array > div,
#responseParamsModalDetails .api-object > div {
  padding-left: 10px;
}
.events-container {
  position: relative;
  margin-top: 54px;
}
.events-container .copy-modal-right {
  width: 50%;
  display: flex;
  justify-content: end;
  gap: 25px;
}
@media (max-width: 992px) {
  .events-container .copy-modal-right {
    width: 100%;
    justify-content: start;
  }
}
.events-container .theme-icon {
  background: #692C8F;
  padding: 12px;
  border-radius: 6px;
  color: #ffffff;
}
.events-container.events-padding {
  padding-top: 50px;
}
@media (max-width: 992px) {
  .events-container.events-padding {
    padding-top: 72px;
  }
}
.events-container .events-sandbox-spinner {
  min-height: 500px;
  margin: auto;
  padding-top: 100px;
}
.events-container .events-sandbox-spinner .api-scenario-spinner {
  padding-top: 100px;
}
.events-container h1.api-title {
  padding-bottom: 30px;
  color: #000000;
  font-family: Roobert Bold, sans-serif;
  font-size: 32px;
  line-height: 48px;
  width: 65%;
  padding-top: 10px;
}
@media (max-width: 992px) {
  .events-container h1.api-title {
    font-size: 24px;
    padding: 10px 0px 20px;
    line-height: 31px;
    width: 100%;
  }
}
.events-container h1.api-title.events {
  padding-bottom: 0px;
}
.events-container h2.api-title {
  color: #323436;
  font-family: Roobert Bold, sans-serif;
  font-size: 22px;
  line-height: 31px;
}
@media (max-width: 992px) {
  .events-container h2.api-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.events-container h2.api-title-overview {
  font-size: 24px;
  font-family: Roobert Medium, sans-serif;
  padding-top: 24px;
  padding-bottom: 10px;
  color: #000000;
}
.events-container h2.api-title-bold {
  color: #00406e;
  font-family: Roobert Bold, sans-serif;
  font-size: 24px;
}
.events-container h2.api-sub-title {
  font-family: Roobert Bold, sans-serif;
  font-size: 20px;
}
.events-container h4.api-title {
  color: #000000;
  padding-left: 0px;
  font-size: 18px;
  line-height: 29px;
}
.events-container h3.api-title {
  color: #000000;
  padding-left: 0px;
  font-size: 18px;
  line-height: 29px;
  font-family: Roobert, sans-serif;
}
.events-container p.api-overview-desc,
.events-container div.api-overview-desc {
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
}
.events-container p.api-overview-desc-list,
.events-container div.api-overview-desc-list {
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 30px;
}
.events-container p.note-box,
.events-container div.note-box {
  background: #f0f4f6;
  padding: 12px;
  border-radius: 10px;
}
.events-container pre {
  font-size: inherit;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: monospace;
  color: #5a5f62;
}
.events-container .content .common-error a {
  font-family: Roobert Medium, sans-serif;
}
.events-container .nav-error-icon {
  color: #f34235;
  font-size: 18px;
}
.events-container li .nav-error-icon {
  margin-left: 12px;
}
.events-container .deprecated-api-text {
  font-size: 14px;
  color: #f34235;
  padding-left: 12px;
  font-family: Roobert Medium, sans-serif;
}
.events-container .content-padding {
  padding-right: 8%;
  padding-left: 8%;
}
.events-container .api-landing-header {
  padding-left: 10%;
}
.events-container .product-header {
  z-index: 1;
  position: relative;
}
.events-container .product-header .api-landing-header {
  padding-left: 4%;
}
.events-container .headerInfo .api-landing-header {
  padding-top: 0px;
  padding-bottom: 40px;
  height: auto;
  margin-top: -1px;
}
.events-container .headerInfo .api-landing-header .header-title {
  font-size: 36px;
}
.events-container hr {
  width: 209%;
  border-top: none;
  margin-left: -30px;
  margin-top: 10px;
}
.events-container hr.api-content-header-border {
  margin: auto;
  border-bottom: 1px solid #eeeeee;
}
.events-container .events-content-light-border {
  border-bottom: 1px solid #dde3e8;
}
.events-container .events-content-light-border.events {
  padding-top: 30px;
  width: 100%;
  margin-left: 0px;
}
.events-container .api-landing-content {
  background-color: #f7f9fb;
  border-top: 1px solid #dde3e9;
  /* Fixes alignment of bootstrap columns of varying heights
            Ensure a div has class "clear" after every column element
        */
}
.events-container .api-landing-content .landing-products-header {
  padding-top: 40px;
  padding-bottom: 30px;
}
.events-container .api-landing-content .landing-products-header .products-title {
  margin-bottom: 20px;
  font-family: Roobert Medium, sans-serif;
  font-size: 32px;
}
.events-container .api-landing-content .landing-products-header .products-title .text2 {
  color: #395FF0;
  font-style: italic;
}
.events-container .api-landing-content .landing-products-header .products-desc {
  font-size: 16px;
}
.events-container .api-landing-content .landing-products {
  padding-bottom: 50px;
}
.events-container .api-landing-content .landing-products .landing-product {
  height: 275px;
  color: #00406e;
  border-radius: 5px;
  border: solid 1px #d4dbe1;
  background-color: #ffffff;
  padding: 35px;
  margin-top: 30px;
}
.events-container .api-landing-content .landing-products .landing-product .product-title {
  color: #00406e;
}
.events-container .api-landing-content .landing-products .landing-product .product-title i {
  font-size: 50px;
}
.events-container .api-landing-content .landing-products .landing-product .product-title .title {
  font-family: Roobert Medium, sans-serif;
}
.events-container .api-landing-content .landing-products .landing-product .product-desc {
  margin: 20px 0 20px 0;
  height: 57%;
  overflow-y: scroll;
  font-size: 16px;
  color: #5E7482;
}
.events-container .api-landing-content .landing-products .landing-product .product-desc::-webkit-scrollbar {
  width: 3px;
  background: transparent;
}
.events-container .api-landing-content .landing-products .landing-product .product-desc::-webkit-scrollbar-thumb {
  background: rgba(0, 64, 110, 0.5);
}
.events-container .api-landing-content .landing-products .landing-product .api-links {
  font-family: Roobert Medium, sans-serif;
  float: right;
  font-size: 16px;
  color: #0278B6;
}
.events-container .api-landing-content .landing-products .landing-product .api-links .link {
  width: auto;
}
.events-container .api-landing-content .landing-products .landing-product .api-links .link a {
  text-decoration: none;
}
.events-container .api-landing-content .landing-products .landing-product .api-links .link a svg {
  margin-right: 10px;
}
.events-container .api-landing-content .landing-products .landing-product:hover,
.events-container .api-landing-content .landing-products .landing-product:focus {
  border: solid 1px #98a8b7;
}
.events-container .api-landing-content .landing-products .landing-product:hover .api-links a,
.events-container .api-landing-content .landing-products .landing-product:focus .api-links a {
  color: #113de5;
}
.events-container .api-landing-content .api-link {
  font-family: Roobert Bold, sans-serif;
  padding-bottom: 40px;
}
.events-container .api-landing-content .api-link svg {
  margin-right: 20px;
}
.events-container .api-landing-content .section-header {
  text-align: center;
  margin-bottom: 50px;
  color: #00406e;
}
.events-container .api-landing-content .segment-container.container {
  width: 100%;
}
.events-container .api-landing-content .segment-container .clear:nth-child(3n)::before {
  content: '';
  display: table;
  clear: both;
}
.events-container .api-landing-content .content-panel {
  margin-bottom: 50px;
}
.events-container .api-landing-content .content-panel .icon {
  color: #395FF0;
  font-size: 50px;
  margin-bottom: 10px;
  position: inherit;
}
.events-container .api-landing-content .content-panel p {
  padding-bottom: 20px;
}
.events-container .api-landing-header {
  padding-top: 100px;
  background-color: #f7f9fb;
  color: #5E7482;
  border-bottom: 1px solid #dde3e8;
  height: auto;
  padding-bottom: 15px;
}
.events-container .api-landing-header .header-title {
  position: relative;
  padding-bottom: 30px;
  font-family: Roobert Medium, sans-serif;
  font-size: 44px;
  color: #323436;
}
@media (max-width: 992px) {
  .events-container .api-landing-header .header-title {
    font-size: 24px;
    top: -15px;
  }
}
.events-container .api-landing-header .header-title .text2 {
  width: auto;
  font-style: italic;
  padding-left: 10px;
}
.events-container .api-landing-header .header-title .register {
  color: #323436;
}
.events-container .api-landing-header .header-desc {
  color: #5E7482;
  font-family: Roobert, sans-serif;
  font-size: 20px;
}
.events-container .api-landing-header .header-desc a {
  color: #003358;
  font-family: Roobert Bold, sans-serif;
}
.events-container .api-landing-header .header-desc a:hover {
  color: #1daed5;
}
.events-container .api-landing-header .header-desc-2 {
  padding-top: 10px;
}
.events-container .api-landing-event-header {
  display: flex;
  align-items: center;
  padding-bottom: 50px;
  padding-top: 50px;
}
.events-container .api-landing-event-header .event-header {
  flex: 0.7;
  padding-right: 150px;
}
.events-container .api-landing-event-header .event-header .header-desc {
  line-height: 30px;
}
.events-container .api-landing-event-header .event-header-img {
  justify-content: center;
  display: flex;
  flex: 0.3;
  height: 250px;
  width: 300px;
}
.events-container .keyfeatures {
  background: #ffffff;
  color: #00406e;
  padding-top: 50px;
  padding-bottom: 15px;
}
.events-container .keyfeatures .header {
  margin-bottom: 50px;
}
.events-container .keyfeatures .header h2 {
  font-family: Roobert Medium, sans-serif;
  font-size: 32px;
}
.events-container .keyfeatures .feature-icons {
  margin-bottom: 5px;
}
.events-container .keyfeatures .feature-icons img {
  height: 70px;
  width: 70px;
  margin-bottom: 20px;
}
.events-container .keyfeatures .feature-icons p {
  color: #5E7482;
  font-size: 16px;
}
.events-container .questions {
  padding-bottom: 15px;
}
.events-container .questions .question-title h3 {
  font-family: Roobert Medium, sans-serif;
  color: #008549;
  margin-bottom: 20px;
}
.events-container .questions .question-desc {
  padding-bottom: 40px;
  color: #5E7482;
  line-height: 26px;
  font-size: 16px;
}
.events-container .questions .question-desc span {
  padding-bottom: 20px;
  display: inline-block;
}
.events-container .questions .question-desc h3 {
  font-family: Roobert Bold, sans-serif;
  font-style: italic;
  margin-bottom: 10px;
  margin-top: 20px;
}
.events-container .illustration {
  background-image: url(/images/illustrationbackground-8a4b5b01b0a64846cd87440dafddd5bb.png);
  background-size: cover;
  background-repeat: round;
  height: 350px;
}
.events-container .illustration .illustration-text {
  padding-top: 100px;
  color: #ffffff;
}
.events-container .illustration .illustration-text span {
  flex: column;
}
.events-container .illustration .illustration-text span h1 {
  font-family: Roobert Bold, sans-serif;
  font-style: italic;
  margin-bottom: 20px;
}
.events-container .illustration .illustration-text span p {
  font-family: Roobert Medium, sans-serif;
}
.events-container .illustration .illustration-image {
  height: 100%;
}
.events-container .illustration .illustration-image .value-img {
  max-width: 100%;
  height: inherit;
  transform: scale(1.5);
  float: right;
}
.events-container .overview {
  padding-top: 40px;
  border-bottom: 1px solid #dde3e9;
}
.events-container .overview .header {
  top: 0;
  margin-bottom: 40px;
}
.events-container .overview .header h2 {
  font-family: Roobert Bold, sans-serif;
  color: #00935f;
  margin-bottom: 30px;
}
.events-container .overview .overview-steps row {
  margin: 0px !important;
}
.events-container .overview .overview-steps .step {
  margin-bottom: 25px;
}
.events-container .overview .overview-steps .step h3 {
  font-family: Roobert Bold, sans-serif;
  font-style: italic;
  margin-bottom: 10px;
}
.events-container .api-data-col {
  position: absolute;
  width: 44%;
  right: 0px;
  top: 0px;
  bottom: 0px;
  transition: right 0.5s;
}
.events-container .api-data-col.sandbox-title {
  z-index: 3;
  width: 30px;
  min-width: 30px;
}
.events-container .api-data-col.sandbox-title.events {
  width: 40px;
}
.events-container .api-data-col.sandbox-title h3 {
  display: inline-block;
}
.events-container .api-data-col.sandbox-title .expand-all {
  margin-top: -5px;
  float: right;
  margin-right: 10px;
  background: #000000;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 20px;
  cursor: pointer;
}
.events-container .api-data-col.sandbox-title .expand-all.events-expand {
  background: none;
  padding-top: 14px;
}
.events-container .api-data-col.sandbox-title .expand-all.events-expand button {
  color: #5E7482;
}
.events-container .api-data-col.sandbox-title .expand-all .fa-arrows-alt-v {
  transform: rotate(45deg);
}
.events-container .api-data-col.sandbox-title .copy-events {
  margin-top: -4px;
  float: right;
  background: #000000;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  padding-top: 14px;
  padding-right: 40px;
}
.events-container .api-data-col.sandbox-title .copy-events button {
  color: #5E7482;
}
.events-container .api-data-col.sandbox-title .darkmode-events {
  margin-top: -5px;
  float: right;
  margin-right: 10px;
  background: #000000;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  padding-top: 14px;
  padding-right: 80px;
}
.events-container .api-data-col.sandbox-title .darkmode-events button {
  color: #5E7482;
}
.events-container .events-operation-cols {
  display: flex;
  letter-spacing: 0px;
  width: 100%;
  position: relative;
}
@media (max-width: 992px) {
  .events-container .events-operation-cols {
    flex-direction: column;
  }
}
.events-container .events-operation-cols .fa-arrow-left {
  transform: rotate(270deg);
  margin-left: 8px;
}
.events-container .events-operation-cols > .events-detail-col,
.events-container .events-operation-cols > .api-data-col {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  letter-spacing: normal;
  padding-right: 40px;
}
.events-container .events-operation-cols > .api-data-col {
  padding-right: 40px;
}
.events-container .events-operation-cols > .events-detail-col {
  width: calc(100% - 3%);
}
.events-container .events-operation-cols > .events-detail-col.events {
  width: 55%;
}
.events-container .events-operation-cols > .events-detail-col.events .event-title {
  font-family: Roobert, sans-serif;
  font-size: 18px;
  line-height: 29px;
  letter-spacing: 0px;
  text-align: left;
  color: #000000;
  text-transform: capitalize;
}
.events-container .events-operation-cols > .events-detail-col.events .parsed-data {
  padding-bottom: 20px;
}
.events-container .events-operation-cols > .events-detail-col.events .share-link-gaps {
  display: inline-flex;
  column-gap: 20px;
  padding-bottom: 30px;
}
@media (max-width: 414px) {
  .events-container .events-operation-cols > .events-detail-col.events .share-link-gaps {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  .events-container .events-operation-cols > .events-detail-col.events .share-link-gaps {
    margin-top: -20px;
  }
}
.events-container .events-operation-cols > .events-detail-col.event-details {
  width: 50%;
}
.events-container .events-operation-cols > .api-data-col {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 50px;
  z-index: 2;
  color: #ffffff;
}
@media (min-width: 992px) {
  .events-container .events-operation-cols > .api-data-col {
    margin-top: 16px;
  }
  .events-container .events-operation-cols > .api-data-col.neg-top-margin {
    margin-top: 0px;
  }
  .events-container .events-operation-cols > .api-data-col.eventMarginTop {
    margin-top: -220px;
  }
}
.events-container .events-operation-cols > .api-data-col .api-data-window {
  z-index: 1;
  background-color: #31373b;
  height: 100%;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload {
  background-color: #f7f9fb;
  border: 1px solid #dde3e8;
  border-radius: 4px;
  width: 95%;
  height: auto;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload svg {
  color: #5E7482;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload pre {
  padding-right: 0px;
  overflow-x: hidden;
  padding: inherit;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload .api-comment {
  background-color: #f0f4f6;
  height: 50px;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  color: #323436;
  padding: 14px 8px 0px 14px;
  border-radius: 4px 4px 0px 0px;
  width: calc(100% + 2px);
  margin: -1px;
  position: relative;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload .payload-details {
  padding-top: 20px;
  padding-left: 15px;
  overflow-y: auto;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-attr {
  color: #6A6E71;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-object {
  color: #3A7E4A;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value {
  color: #B94F6C;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value .api-array,
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload .payload-details .api-value .api-object {
  color: #3A7E4A;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode {
  background-color: #3B4449;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-comment {
  background-color: #4C575C;
  color: #ffffff;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-heading,
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-object {
  color: #89E646;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-attr,
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-header,
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode svg {
  color: #ffffff;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-value {
  color: #ffc627;
}
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-value .api-array,
.events-container .events-operation-cols > .api-data-col .api-data-window.events-payload.dark-mode .api-value .api-object {
  color: #89E646;
}
.events-container .events-operation-cols > .api-data-col pre {
  color: #3A7E4A;
  background-color: inherit;
  border: none;
  border-radius: 0px;
  white-space: pre-wrap;
  word-break: break-word;
  padding-top: 0px;
  padding-left: 0px;
  margin-bottom: 5px;
}
.events-container .events-operation-cols > .api-data-col pre .api-attr {
  color: #3A7E4A;
  font-family: Menlo, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.events-container .events-operation-cols > .api-data-col pre .api-value-padding {
  padding-left: 8px;
}
.events-container .events-operation-cols > .api-data-col pre .api-value {
  color: #dde3e8;
  font-family: Menlo, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.events-container .events-operation-cols > .api-data-col pre .api-comment {
  color: #57c9e8;
  padding-bottom: 15px;
  font-family: Roobert Bold, sans-serif;
  font-size: 18px;
}
.events-container .events-operation-cols > .api-data-col pre .api-array > div,
.events-container .events-operation-cols > .api-data-col pre .api-object > div {
  padding-left: 10px;
}
.events-container .events-operation-cols > .api-data-col pre .api-object.api-array::before {
  content: "[{\a";
}
.events-container .events-operation-cols > .api-data-col pre .api-object.api-array::after {
  content: "}]";
}
.events-container .events-operation-cols > .api-data-col .api-data-window::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
  background-color: #000000;
}
.events-container .events-operation-cols > .api-data-col .api-data-window::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ffffff;
}
.events-container .events-operation-cols > .api-data-col .api-fadeout:after {
  content: "";
  position: absolute;
  bottom: 0.5%;
  left: 0;
  height: 40px;
  width: 92%;
}
.events-container .events-operation-cols > .api-data-col .status-success {
  color: #00bdb6;
  font-weight: bold;
}
.events-container .events-operation-cols > .api-data-col .status-pending {
  color: #ff671b;
}
.events-container .events-operation-cols > .api-data-col .status-error {
  color: #f78075;
}
.events-container .events-operation-cols > .api-data-col.open {
  z-index: 2;
}
.events-container .events-operation-cols > .api-data-col.open.eventMarginTop {
  top: -200px;
  position: absolute;
  width: 35%;
  padding-left: 5px;
  margin: auto;
}
@media (max-width: 767px) {
  .events-container .events-operation-cols > .api-data-col.open.eventMarginTop {
    margin-top: -280px;
  }
}
.events-container .events-operation-cols > .api-data-col.floating-z-index {
  z-index: 2;
}
.events-container .events-operation-cols > .api-data-col.event-index {
  z-index: 2;
}
.events-container .events-operation-cols > .api-data-col.event-index .shareable-link-api {
  text-align: right;
}
.events-container .events-operation-cols > .api-data-col .api-data-title {
  font-family: Roobert Bold, sans-serif;
}
.events-container .events-operation-cols > .api-data-col .response-body .api-comment {
  position: absolute;
  top: 0;
  background: #31373b;
  width: 88%;
  height: 25px;
}
.events-container .events-operation-cols > .api-data-col .response-body .api-value-padding {
  padding-top: 40px;
}
.events-container .events-operation-cols > .api-data-col .request-body-param .api-comment {
  position: absolute;
  top: 0;
  background: #31373b;
  width: 88%;
  height: 25px;
}
.events-container .events-operation-cols > .api-data-col .request-body-param .api-value-padding {
  padding-top: 40px;
}
@media (max-width: 992px) {
  .events-container .events-operation-cols h3 {
    font-size: 20px;
  }
}
.events-container .events-operation-cols h3.api-title-bold {
  color: #323436;
  font-family: Roobert Bold, sans-serif;
  font-size: 22px;
  line-height: 31px;
}
@media (max-width: 992px) {
  .events-container .events-operation-cols h3.api-title-bold {
    font-size: 20px;
    line-height: 28px;
  }
}
.events-container .events-operation-cols h4 {
  color: #5a5f62;
}
@media (max-width: 992px) {
  .events-container .events-operation-cols h4 {
    font-size: 16px;
    margin-top: -12px;
  }
}
.events-container .events-padding-cols {
  display: flex;
  flex-direction: row;
  letter-spacing: 0px;
  width: 100%;
}
@media (max-width: 991px) {
  .events-container .events-padding-cols {
    display: block;
  }
}
.events-container .events-padding-cols > .api-content-col {
  letter-spacing: normal;
  vertical-align: top;
  min-height: 100%;
  width: calc(100% - 290px);
  overflow-x: hidden;
}
.events-container .events-padding-cols > .api-content-col.token-content {
  width: 100%;
}
.events-container .events-padding-cols #side-nav-list,
.events-container .events-padding-cols #events-subs-containter,
.events-container .events-padding-cols #events-content-container,
.events-container .events-padding-cols #events-overview-container {
  height: inherit;
  z-index: 1;
}
@media (min-width: 1200px) {
  .events-container .events-padding-cols #side-nav-list,
  .events-container .events-padding-cols #events-subs-containter,
  .events-container .events-padding-cols #events-content-container,
  .events-container .events-padding-cols #events-overview-container {
    max-height: 100vh;
    overflow-y: scroll;
    padding-bottom: 0px;
  }
}
.events-container .events-padding-cols #side-nav-list::-webkit-scrollbar,
.events-container .events-padding-cols #events-subs-containter::-webkit-scrollbar,
.events-container .events-padding-cols #events-content-container::-webkit-scrollbar,
.events-container .events-padding-cols #events-overview-container::-webkit-scrollbar {
  width: 0px;
  border-radius: 0px;
  background-color: transparent;
}
.events-container .events-padding-cols #side-nav-list::-webkit-scrollbar-track,
.events-container .events-padding-cols #events-subs-containter::-webkit-scrollbar-track,
.events-container .events-padding-cols #events-content-container::-webkit-scrollbar-track,
.events-container .events-padding-cols #events-overview-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.events-container .events-padding-cols #side-nav-list::-webkit-scrollbar-thumb,
.events-container .events-padding-cols #events-subs-containter::-webkit-scrollbar-thumb,
.events-container .events-padding-cols #events-content-container::-webkit-scrollbar-thumb,
.events-container .events-padding-cols #events-overview-container::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: transparent;
}
.events-container .events-padding-cols #side-nav-list::-webkit-scrollbar:horizontal,
.events-container .events-padding-cols #events-subs-containter::-webkit-scrollbar:horizontal,
.events-container .events-padding-cols #events-content-container::-webkit-scrollbar:horizontal,
.events-container .events-padding-cols #events-overview-container::-webkit-scrollbar:horizontal {
  display: none;
}
.events-container .api-content-section {
  padding-top: 20px;
  padding-bottom: 20px;
}
.events-container .api-content-section .operation-info {
  padding-top: 4px;
}
.events-container .api-content-section .operation-info .select-label {
  font-family: Roobert Medium, sans-serif;
}
.events-container .api-content-section .parsed-data {
  font-size: 18px;
}
.events-container .api-content-section .parsed-data p {
  padding-top: 10px;
}
.events-container .api-content-section .parsed-data span {
  padding-top: 10px;
}
.events-container .api-content-section .parsed-data a {
  color: #395FF0;
  font-family: Roobert Medium, sans-serif;
  cursor: pointer;
}
.events-container .events-content {
  min-height: 510px;
  position: relative;
}
.events-container .api-content.api-scenario-spinner {
  width: 100%;
  min-height: 100px;
}
.events-content-container label,
.auth-plugin-container label {
  font-size: 16px;
}
.events-content-container nav,
.auth-plugin-container nav {
  font-size: 16px;
}
.events-content-container .api-content-overlay,
.auth-plugin-container .api-content-overlay {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.events-content-container .app-content-light-border,
.auth-plugin-container .app-content-light-border {
  margin: auto;
  border-top: 1px solid #eeeeee;
}
.events-content-container .apps-content.applications,
.auth-plugin-container .apps-content.applications {
  padding: 40px calc(4% + 20px) 40px calc(4% + 20px);
}
.events-overview-container .api-overview .api-overview-details {
  padding-top: 20px;
  padding-right: 30px;
  padding-left: 30px;
}
.events-overview-container .api-overview .api-overview-details .no-meta {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}
.events-overview-container .api-overview .api-overview-details .no-meta .meta-icon {
  max-height: 260px;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.events-overview-container .api-overview .api-overview-details .no-meta .no-meta-text {
  text-align: center;
  font-family: Roobert, sans-serif;
  font-style: normal;
  letter-spacing: 0px;
}
.events-overview-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-heading {
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 20px;
}
.events-overview-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}
.events-overview-container .api-overview .api-overview-header {
  background-color: #f7f9fb;
  padding: 40px;
  border-bottom: 1px solid #dde3e9;
}
.events-overview-container .api-overview .api-overview-header .header-title .icon {
  color: #395FF0;
  font-size: 65px;
  margin-right: 20px;
  line-height: 0.5;
  vertical-align: top;
}
.events-overview-container .api-overview .api-overview-header .header-title .segment-name {
  vertical-align: top;
  font-family: Roobert Bold, sans-serif;
}
.events-overview-container .api-overview .api-link {
  font-family: Roobert Bold, sans-serif;
  padding: 50px 30px 50px 30px;
}
.events-overview-container .api-overview .api-link svg {
  margin-right: 20px;
}
.events-overview-container .api-overview .api-sandbox-nav {
  padding-top: 40px;
  text-align: center;
  color: #5a5f62;
}
.events-overview-container .api-overview .api-sandbox-nav .api-button {
  padding-top: 40px;
  padding-bottom: 100px;
  display: inline-block;
}
.events-overview-container .api-overview .api-sandbox-nav .api-button .button-text-camelCase {
  text-transform: none;
}
.events-overview-container .api-overview .api-sandbox-nav h2 {
  color: #00406e;
  border-top: 1px solid #d4dbe1;
  padding-top: 60px;
}
.events-overview-container .api-overview .api-desc {
  padding-top: 20px;
  text-align: left;
  color: #00406e;
  vertical-align: middle;
}
.events-overview-container .api-overview .no-meta-container {
  padding-top: 40px;
}
.events-overview-container .api-overview .no-meta-container span.icon {
  font-size: 24px;
  vertical-align: text-top;
  padding-right: 15px;
}
.events-overview-container .api-overview .operation-desc {
  color: #5E7482;
  margin-bottom: 20px;
  padding-top: 10px;
  font-size: 14px;
  font-family: Roobert, sans-serif;
}
.events-overview-container .api-overview .operation-title {
  color: #00406e;
  font-family: Roobert Bold, sans-serif;
  font-size: 24px;
}
.events-overview-container .api-overview .view-operation {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 30px;
  font-weight: 600;
}
.events-overview-container .api-overview .view-operation a.link {
  cursor: pointer;
  font-family: Roobert Medium, sans-serif;
  color: #0678b4;
  padding-left: 5px;
  padding-right: 5px;
}
.events-overview-container .api-overview .api-desc {
  padding-top: 20px;
  text-align: left;
  color: #5E7482;
  vertical-align: middle;
  font-family: Roobert, sans-serif;
  font-size: 14px;
}
.events-overview-container .api-overview .no-meta-container {
  padding-top: 40px;
}
.events-overview-container .api-overview .no-meta-container span.icon {
  font-size: 24px;
  vertical-align: text-top;
  padding-right: 15px;
}
.events-overview-container .api-overview .error-missing-operation {
  background: linear-gradient(to top right, #ffffff, #f3898b);
  padding: 1.25em;
  margin-bottom: 1.1em;
}
.events-overview-container .api-overview .error-missing-operation .error-api-text {
  font-size: 14px;
  color: #f34235;
}
.events-overview-container .api-overview .error-missing-operation .error-api-text svg {
  margin-right: 5px;
}
.events-overview-container .api-overview .error-missing-operation .error-api-text span.error-prop {
  font-weight: 900;
}
.events-overview-container .api-overview .error-missing-operation .error-api-text span.error-key {
  font-weight: 900;
}
.events-operation-container {
  padding: 40px 40px 50px;
}
@media (max-width: 992px) {
  .events-operation-container {
    padding: 60px 12px 50px;
  }
}
.events-operation-container a.api-operation-param {
  display: block;
}
.events-operation-container .events-operation-body .api-param-child {
  border-left: 2px solid #dde3e8;
  margin-left: 12px;
  padding-left: 15px;
  border-radius: 2px;
}
.events-operation-container .events-operation-body .body-collapse-all {
  text-align: right;
  color: #395FF0;
  font-family: Roobert Bold, sans-serif;
  font-size: 14px;
  padding-left: 8px;
  width: 100%;
  padding-right: 40px;
}
.events-operation-container .events-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link {
  text-decoration: none;
  padding: 0;
}
.events-operation-container .events-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link:focus,
.events-operation-container .events-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link :active {
  box-shadow: none;
}
.events-operation-container .events-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link:focus-visible {
  outline: 2px solid #395FF0;
}
.events-operation-container .events-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link span span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 23px;
  color: #048A81;
  margin-bottom: 10px;
  font-family: Roobert Medium, sans-serif;
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
}
.events-operation-container .events-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link span span i,
.events-operation-container .events-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link span span svg {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #048A81;
  margin-left: 6px;
  height: 20px;
  width: 20px;
}
.events-operation-container .events-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link span span:hover {
  border-bottom: 2px solid #048A81;
}
@media (max-width: 992px) {
  .events-operation-container .events-operation-body #resp-body-expand-collapse-all .ui-action-link.btn.btn-link span span {
    font-size: 14px;
    line-height: 20px;
  }
}
.events-operation-container .common-sandbox.eventMarginTop {
  margin-top: -217px;
}
.events-operation-container .errorCodes .api-param-child {
  border-left: 2px solid #dde3e8;
  margin-left: 4px;
  padding-left: 15px;
  border-radius: 2px;
}
.events-operation-container .errorCodes .status-code-response {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 2px;
}
.events-operation-container .errorCodes .status-code-response.error {
  background-color: #f34235;
}
.events-operation-container .errorCodes .status-code-response.success {
  background-color: #00935f;
}
.events-operation-container .param-row {
  padding-top: 20px;
}
.events-operation-container .param-row .name-type-space {
  margin-left: 22px;
}
.events-operation-container .api-operation-param {
  display: block;
  clear: both;
}
.events-operation-container .api-operation-param .operation-name {
  text-align: left;
  color: #000000;
  display: inline-block;
  padding-right: 10px;
  font-family: Roobert Bold, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.events-operation-container .api-operation-param .operation-name .required {
  flex: none;
  border-radius: 8px;
  background-color: #FFEEBE;
  color: #736646;
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  padding: 4px 10px;
  gap: 4px;
  max-width: fit-content;
  margin-left: 14px;
  display: inline-flex;
  line-height: 20px;
}
.events-operation-container .api-operation-param .operation-type,
.events-operation-container .api-operation-param .operation-required {
  text-align: left;
  color: #395FF0;
  display: inline-block;
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
}
.events-operation-container .api-operation-param .operation-type {
  padding-left: 10px;
  color: #000000;
  font-size: 15px;
  line-height: 24px;
}
.events-operation-container .api-operation-param .operation-description {
  font-size: 16px;
  line-height: 24px;
  padding-left: 37px;
}
@media (max-width: 992px) {
  .events-operation-container .api-operation-param .operation-description {
    font-size: 14px;
    line-height: 22px;
  }
}
.events-operation-container .api-operation-param .operation-description .paramInfo {
  display: block;
}
.events-operation-container .api-operation-param .operation-description .conditional-text {
  font-style: italic;
}
.events-operation-container .api-operation-param .operation-description div {
  padding-top: 8px;
  display: flex;
  width: 100%;
}
.events-operation-container .api-operation-param .operation-description div:first-of-type {
  padding-top: 8px;
}
.events-operation-container .api-operation-param .operation-description div .property-tag,
.events-operation-container .api-operation-param .operation-description div .property-description {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #dde3e8;
  border-right: 1px solid #dde3e8;
  font-size: 14px;
}
.events-operation-container .api-operation-param .operation-description div .property-description span {
  display: inherit;
}
.events-operation-container .api-operation-param .operation-description div .conditional-text-param {
  border-top: none;
  border-right: none;
}
.events-operation-container .api-operation-param .operation-description div .enum-cont {
  padding: 0px;
  border: none;
  display: none;
}
.events-operation-container .api-operation-param .operation-description div .enum-cont.collapse.in {
  display: inline;
}
.events-operation-container .api-operation-param .operation-description div .property-tag {
  padding: 10px 12px;
  border-left: 1px solid #dde3e8;
  background-color: #f8f8f8;
  font-family: Roobert Medium, sans-serif;
  color: #5E7482;
  font-size: 15px;
  border-bottom: 1px solid #dde3e8;
  width: max-content;
}
@media (min-width: 1400px) {
  .events-operation-container .api-operation-param .operation-description div .property-tag {
    width: max-content;
  }
}
@media (max-width: 767px) {
  .events-operation-container .api-operation-param .operation-description div .property-tag {
    width: max-content;
  }
}
.events-operation-container .api-operation-param .operation-description div .property-description {
  padding: 10px 12px;
  font-size: 14px;
  font-family: Roobert, sans-serif;
  border-bottom: 1px solid #dde3e8;
  width: max-content;
  height: max-content;
}
@media (min-width: 1400px) {
  .events-operation-container .api-operation-param .operation-description div .property-description {
    width: max-content;
    height: max-content;
  }
}
@media (max-width: 767px) {
  .events-operation-container .api-operation-param .operation-description div .property-description {
    width: max-content;
    height: max-content;
  }
}
.events-operation-container .api-operation-param .operation-description div .property-description .show-more {
  font-family: Roobert Bold, sans-serif;
  font-size: 13px;
  padding-left: 0px;
  padding-top: 2px;
}
.events-operation-container .api-operation-param .operation-description div .property-description .show-more span {
  cursor: pointer;
  color: #395FF0;
  padding-left: 0px;
  border-top: none;
  border-right: none;
}
.events-operation-container .api-operation-param .operation-description div:last-child .property-tag {
  border-radius: 0px 0px 0px 2px;
  border-bottom: 1px solid #dde3e8;
}
.events-operation-container .api-operation-param .operation-description div:last-child .property-description {
  border-radius: 0px 0px 2px 0px;
  border-bottom: 1px solid #dde3e8;
}
.events-operation-container .api-operation-param .operation-description div:first-of-type .property-tag {
  border-radius: 2px 0px 0px 0px;
}
.events-operation-container .api-operation-param .operation-description div:first-of-type .property-description {
  border-radius: 0px 2px 0px 0px;
}
.events-operation-container .events-operation-select {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
}
.events-operation-container .events-operation-select .events-selected-item {
  border-radius: 25px;
  background-color: #dde3e8;
  color: #5E7482;
  font-family: Roobert Medium, sans-serif;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  margin-right: 10px;
}
.events-operation-container .api-parameters {
  padding-top: 10px;
}
.events-operation-container .api-parameters a {
  color: inherit;
}
.events-operation-container .api-parameters a .api-triangle::before {
  line-height: normal;
  padding: 1px 17px 3px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "FontAwesome";
  content: "\f0d8";
  color: #5E7482;
  font-size: 20px;
  margin-right: -10px;
}
.events-operation-container .api-parameters a.collapsed .api-triangle::before {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 17px 2px 9px;
  font-family: "FontAwesome";
  content: "\f0da";
  color: #5E7482;
  font-size: 20px;
  margin-right: -9px;
}
.events-operation-container .api-parameters a .api-triangle:hover {
  border-radius: 6px;
  background-color: #DDE3E8;
}
.events-operation-container .api-parameters .collapse-expand-all div.api-triangle::before {
  font-family: "FontAwesome";
  content: "\f0d7";
  color: #0678b4;
  font-size: 14px;
  margin-right: -93px;
}
.events-operation-container .api-parameters .collapse-expand-all div.collapsed.api-triangle::before {
  font-family: "FontAwesome";
  content: "\f0da";
  color: #0678b4;
  font-size: 14px;
  margin-right: -85px;
}
.events-operation-container .api-parameters .event-expand-all {
  margin-top: -40px;
}
.events-operation-container .api-parameters .conditional-show-more {
  font-size: 14px;
  color: #048A81;
  cursor: pointer;
  font-family: Roobert Medium, sans-serif;
  border-bottom: 2px solid transparent;
  display: flex;
  align-items: center;
  width: max-content;
  margin-left: 37px;
  line-height: 20px;
  margin-top: 10px;
}
.events-operation-container .api-parameters .conditional-show-more svg {
  margin-left: 6px;
  color: #048A81;
  height: 20px;
  width: 20px;
}
.events-operation-container .api-parameters .conditional-show-more:hover {
  border-bottom: 2px solid #048A81;
}
.events-operation-container .api-triangle {
  display: inline-block;
  margin-right: 14px;
  color: #000000;
}
@media (max-width: 375px) {
  .events-operation-container .api-triangle {
    margin-right: 13px;
  }
}
.events-operation-container .collapse-expand-all h4 {
  display: inline-block;
}
.events-operation-container .collapse-expand-all div {
  margin-right: 0px;
  cursor: pointer;
}
.events-operation-container .api-operation-param .operation-description .paramInfo span {
  display: block;
}
.events-operation-container .api-operation-param .operation-description .paramInfo .required {
  flex: none;
  border-radius: 25px;
  background-color: #dde3e8;
  color: #5E7482;
  font-family: Roobert Medium, sans-serif;
  text-align: center;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  display: inline-flex;
  margin-left: 10px;
  padding-bottom: 1px;
  font-style: inherit;
}
.events-operation-container .api-operation-param .operation-description .paramInfo li {
  list-style: none;
  padding-left: 15px;
  padding-top: 5px;
}
div[name="_eventssandbox_popup"].ui-modal .modal-content {
  position: unset;
  padding: 0px;
  border: 0px;
  box-shadow: 0 5px 15px #2a2929;
}
div[name="_eventssandbox_popup"].ui-modal .modal-content .modal-header {
  display: none;
}
div[name="_eventssandbox_popup"].ui-modal .modal-content .modal-body {
  padding: 0px;
}
div[name="_eventssandbox_popup"].ui-modal .modal-content .enumModal {
  margin-top: 0px;
}
.enumModal_sandbox_Body .api-data-window,
div[name=_eventssandbox_popup] .api-data-window {
  z-index: 1;
  background-color: #31373b;
  height: 100%;
}
.enumModal_sandbox_Body .api-data-window.events-payload,
div[name=_eventssandbox_popup] .api-data-window.events-payload {
  background-color: #f7f9fb;
  border-radius: 4px;
}
.enumModal_sandbox_Body .api-data-window.events-payload pre,
div[name=_eventssandbox_popup] .api-data-window.events-payload pre {
  padding-right: 0px;
  overflow-x: hidden;
  background-color: #f0f4f6;
  margin: auto;
}
.enumModal_sandbox_Body .api-data-window.events-payload .status-success,
div[name=_eventssandbox_popup] .api-data-window.events-payload .status-success {
  color: #00bdb6;
  font-weight: bold;
}
.enumModal_sandbox_Body .api-data-window.events-payload .status-pending,
div[name=_eventssandbox_popup] .api-data-window.events-payload .status-pending {
  color: #ff671b;
}
.enumModal_sandbox_Body .api-data-window.events-payload .status-error,
div[name=_eventssandbox_popup] .api-data-window.events-payload .status-error {
  color: #f78075;
}
.enumModal_sandbox_Body .api-data-window.events-payload .api-border-none,
div[name=_eventssandbox_popup] .api-data-window.events-payload .api-border-none {
  border: none;
  padding-left: 0px;
  background-color: inherit;
}
.enumModal_sandbox_Body .api-data-window.events-payload .event-sanbox-icon-div .flex,
div[name=_eventssandbox_popup] .api-data-window.events-payload .event-sanbox-icon-div .flex {
  float: right;
}
@media (max-width: 480px) {
  .enumModal_sandbox_Body .api-data-window.events-payload .event-sanbox-icon-div .flex,
  div[name=_eventssandbox_popup] .api-data-window.events-payload .event-sanbox-icon-div .flex {
    display: none;
  }
}
.enumModal_sandbox_Body .api-data-window.events-payload .api-comment,
div[name=_eventssandbox_popup] .api-data-window.events-payload .api-comment {
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  color: #323436;
  padding-bottom: 0px;
  padding-left: 15px;
  width: calc(100% + 2px);
  margin: -1px;
  position: relative;
}
.enumModal_sandbox_Body .api-data-window.events-payload .api-attr,
div[name=_eventssandbox_popup] .api-data-window.events-payload .api-attr {
  color: #6A6E71;
  font-family: Menlo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  word-break: break-all;
  padding-left: 10px;
}
.enumModal_sandbox_Body .api-data-window.events-payload .api-value,
div[name=_eventssandbox_popup] .api-data-window.events-payload .api-value {
  color: #B94F6C;
}
.enumModal_sandbox_Body .api-data-window.events-payload .api-value .api-array,
div[name=_eventssandbox_popup] .api-data-window.events-payload .api-value .api-array,
.enumModal_sandbox_Body .api-data-window.events-payload .api-value .api-object,
div[name=_eventssandbox_popup] .api-data-window.events-payload .api-value .api-object {
  color: #1ccfc9;
}
.enumModal_sandbox_Body .api-data-window.events-payload .api-heading,
div[name=_eventssandbox_popup] .api-data-window.events-payload .api-heading {
  color: #3A7E4A;
}
.enumModal_sandbox_Body .api-data-window.events-payload.dark-mode,
div[name=_eventssandbox_popup] .api-data-window.events-payload.dark-mode {
  background-color: #3B4449;
}
.enumModal_sandbox_Body .api-data-window.events-payload.dark-mode pre,
div[name=_eventssandbox_popup] .api-data-window.events-payload.dark-mode pre {
  background-color: #4C575C;
  border: none;
}
.enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .enumModal_sandbox_Body_Content,
div[name=_eventssandbox_popup] .api-data-window.events-payload.dark-mode .enumModal_sandbox_Body_Content {
  background-color: #3B4449;
}
.enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .api-header,
div[name=_eventssandbox_popup] .api-data-window.events-payload.dark-mode .api-header {
  color: #f7f9fb;
}
.enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .api-heading,
div[name=_eventssandbox_popup] .api-data-window.events-payload.dark-mode .api-heading,
.enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .api-comment,
div[name=_eventssandbox_popup] .api-data-window.events-payload.dark-mode .api-comment,
.enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .api-object,
div[name=_eventssandbox_popup] .api-data-window.events-payload.dark-mode .api-object {
  color: #89E646;
}
.enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .api-attr,
div[name=_eventssandbox_popup] .api-data-window.events-payload.dark-mode .api-attr {
  color: #E0E1E2;
}
.enumModal_sandbox_Body .api-data-window.events-payload.dark-mode .api-value,
div[name=_eventssandbox_popup] .api-data-window.events-payload.dark-mode .api-value {
  color: #ffc627;
}
.enumModal_sandbox_Body .close,
div[name=_eventssandbox_popup] .close {
  color: #5E7482;
  opacity: 0.9;
  font-family: Roobert Bold, sans-serif;
  font-size: 32px;
  margin-top: -5px;
  margin-left: 10px;
}
.enumModal_sandbox_Body .payload-details,
div[name=_eventssandbox_popup] .payload-details {
  padding: 20px;
}
.enumModal_sandbox_Body .close-events,
div[name=_eventssandbox_popup] .close-events {
  float: right;
  margin-right: 10px;
  background: #000000;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  color: #5E7482;
}
.enumModal_sandbox_Body .copy-events,
div[name=_eventssandbox_popup] .copy-events {
  float: right;
  background: #000000;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  color: #5E7482;
}
.enumModal_sandbox_Body .darkmode-events,
div[name=_eventssandbox_popup] .darkmode-events {
  float: right;
  background: #000000;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  color: #5E7482;
}
.enumModal_sandbox_Body pre,
div[name=_eventssandbox_popup] pre {
  color: #3A7E4A;
  background-color: inherit;
  display: block;
  font-size: 17px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f0f4f6;
  border-radius: 4px;
}
.enumModal_sandbox_Body .modal-body,
div[name=_eventssandbox_popup] .modal-body {
  overflow-y: auto;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  color: #5E7482;
}
.enumModal_sandbox_Body .modal-header,
div[name=_eventssandbox_popup] .modal-header {
  padding-bottom: 0px;
  padding-left: 0px;
}
.enumModal_sandbox_Body .enum-details-list,
div[name=_eventssandbox_popup] .enum-details-list {
  height: 60px;
  overflow: hidden;
  color: #000000;
}
.enumModal_sandbox_Body .enum-Name,
div[name=_eventssandbox_popup] .enum-Name {
  color: #5a5f62;
  font-family: Roobert Bold, sans-serif;
  font-size: 16px;
  padding-left: 0px;
}
.enumModal_sandbox_Body .enum-description,
div[name=_eventssandbox_popup] .enum-description {
  color: #5E7482;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  padding-left: 0px;
}
.enumModal_sandbox_Body .param-description,
div[name=_eventssandbox_popup] .param-description {
  padding-bottom: 15px;
}
.enumModal_sandbox_Body ul,
div[name=_eventssandbox_popup] ul {
  padding-bottom: 10px;
  padding-left: 20px;
}
.enumModal_sandbox_Body ul li,
div[name=_eventssandbox_popup] ul li {
  padding-top: 8px;
  font-family: Roobert Bold, sans-serif;
  list-style: none;
}
.enumModal_sandbox_Body ul li span,
div[name=_eventssandbox_popup] ul li span {
  font-family: Roobert, sans-serif;
  display: block;
}
.enumModal_sandbox_Body > .enumModal_sandbox_Body_Content .modal-header,
div[name=_eventssandbox_popup] > .enumModal_sandbox_Body_Content .modal-header {
  padding-bottom: 0px;
}
.enumModal_sandbox_Body > .enumModal_sandbox_Body_Content .modal-dialog,
div[name=_eventssandbox_popup] > .enumModal_sandbox_Body_Content .modal-dialog {
  width: 70%;
}
@media (max-width: 991px) {
  .enumModal_sandbox_Body > .enumModal_sandbox_Body_Content .modal-dialog,
  div[name=_eventssandbox_popup] > .enumModal_sandbox_Body_Content .modal-dialog {
    width: 90%;
  }
}
.enumModal_sandbox_Body > .enumModal_sandbox_Body_Content .modal-title,
div[name=_eventssandbox_popup] > .enumModal_sandbox_Body_Content .modal-title {
  color: #f34235;
  font-family: Roobert Bold, sans-serif;
}
.enumModal_sandbox_Body .positionTooltip,
div[name=_eventssandbox_popup] .positionTooltip {
  position: fixed;
}
.mobile-only {
  display: none;
}
@media (max-width: 991px) {
  .mobile-only {
    display: block;
  }
  .sandboxMobileView {
    display: none ;
  }
  .sandboxMobileViewContent {
    display: block;
    text-align: center;
  }
  .sandboxMobileViewContent .ui-action-link.btn.btn-link {
    text-decoration: none;
  }
  .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus,
  .sandboxMobileViewContent .ui-action-link.btn.btn-link :active {
    box-shadow: none;
  }
  .sandboxMobileViewContent .ui-action-link.btn.btn-link:focus-visible {
    outline: 2px solid #395FF0;
  }
  .sandboxMobileViewContent .ui-action-link.btn.btn-link span span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #395FF0;
    font-family: Roobert Medium, sans-serif;
  }
  .sandboxMobileViewContent .ui-action-link.btn.btn-link span span svg {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #395FF0;
    margin-left: 6px;
    height: 20px;
    width: 20px;
  }
  .share-link-container {
    text-align: left;
  }
  .share-link-gaps {
    display: inline-flex;
    column-gap: 73px;
  }
}
.events-tooltips .tooltipNew {
  position: relative;
  display: flex;
}
.events-tooltips .tooltipNew .tooltiptext {
  visibility: hidden;
  width: 50px;
  background-color: #395FF0;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  margin-left: -15px;
  margin-top: 23px;
  position: absolute;
  z-index: 1;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
  letter-spacing: 0px;
  height: 30px;
}
.events-tooltips .tooltipNew .tooltiptext.copied {
  background-color: #008549;
  padding: 5px;
  width: 60px;
}
.events-tooltips .positionTooltip {
  position: fixed;
}
.events-tooltips .tooltipNew:hover .tooltiptext {
  visibility: visible;
}
@media (max-width: 480px) {
  .events-container .theme-icon {
    padding: 7px;
  }
}
.events-application-container.subnav-offset,
.auth-plugin-container.subnav-offset {
  margin-top: 54px;
  background: #ffffff;
}
.events-application-container .content-action-button button.ui-action-button.fis-purple-button:disabled,
.auth-plugin-container .content-action-button button.ui-action-button.fis-purple-button:disabled {
  background-color: #431C5B;
  color: #ffffff;
  opacity: 0.5;
  cursor: not-allowed;
}
.events-application-container .event-app-dropdown,
.auth-plugin-container .event-app-dropdown {
  margin-left: calc(4% + 40px);
  min-width: 200px;
  margin-top: 50px;
  background: #ffffff;
  display: flex;
}
.events-application-container .event-app-dropdown .filter-dropdown .app-dropdown-select,
.auth-plugin-container .event-app-dropdown .filter-dropdown .app-dropdown-select {
  width: 250px;
}
.events-application-container .event-app-dropdown .filter-dropdown .select-title,
.auth-plugin-container .event-app-dropdown .filter-dropdown .select-title,
.events-application-container .event-app-dropdown .filter-dropdown .select-item,
.auth-plugin-container .event-app-dropdown .filter-dropdown .select-item {
  text-transform: uppercase;
}
.events-application-container .event-app-header,
.auth-plugin-container .event-app-header {
  display: flex;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 30px;
  background: #F7F9FB;
  border-bottom: 1px #dde3e8 solid;
}
.events-application-container .event-app-header .header-content,
.auth-plugin-container .event-app-header .header-content {
  width: 80%;
}
.events-application-container .event-app-header .header-content .event-app-breadcrumbs ol,
.auth-plugin-container .event-app-header .header-content .event-app-breadcrumbs ol {
  margin-bottom: 0px;
  background-color: #F7F9FB;
  padding: 0px;
}
.events-application-container .event-app-header .header-content .event-app-breadcrumbs ol a,
.auth-plugin-container .event-app-header .header-content .event-app-breadcrumbs ol a,
.events-application-container .event-app-header .header-content .event-app-breadcrumbs ol span,
.auth-plugin-container .event-app-header .header-content .event-app-breadcrumbs ol span {
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  color: #3F64F2;
}
.events-application-container .event-app-header .header-content .event-app-breadcrumbs .breadcrumb > li + li:before,
.auth-plugin-container .event-app-header .header-content .event-app-breadcrumbs .breadcrumb > li + li:before {
  content: ">";
  color: #5a5f62;
  padding: 0px 8px;
}
.events-application-container .event-app-header .header-content .event-app-status-bundle .event-app-data,
.auth-plugin-container .event-app-header .header-content .event-app-status-bundle .event-app-data {
  display: inline-block;
  min-width: 150px;
  padding-right: 50px;
}
.events-application-container .event-app-header .header-content .event-app-status-bundle .event-app-data .app-nav-dropdown-item,
.auth-plugin-container .event-app-header .header-content .event-app-status-bundle .event-app-data .app-nav-dropdown-item {
  cursor: default;
}
.events-application-container .event-app-header .header-content .event-app-status-bundle .event-app-data .app-nav-dropdown-item .content .title:after,
.auth-plugin-container .event-app-header .header-content .event-app-status-bundle .event-app-data .app-nav-dropdown-item .content .title:after {
  background-color: transparent;
}
.events-application-container .event-app-header .header-content .event-app-status-bundle .event-app-data .title,
.auth-plugin-container .event-app-header .header-content .event-app-status-bundle .event-app-data .title {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
}
.events-application-container .event-app-header .header-content .event-app-status-bundle .event-app-data .description,
.auth-plugin-container .event-app-header .header-content .event-app-status-bundle .event-app-data .description {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #5E7482;
}
.events-application-container .event-app-header .header-content .event-app-title,
.auth-plugin-container .event-app-header .header-content .event-app-title {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}
.events-application-container .event-app-header .header-content .event-app-title .event-app-subscribe button,
.auth-plugin-container .event-app-header .header-content .event-app-title .event-app-subscribe button {
  text-transform: capitalize;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  height: 48px;
  border-radius: 8px;
  width: 220px;
}
.events-application-container .apps-content,
.auth-plugin-container .apps-content {
  padding-top: 50px;
  background: white;
}
.events-application-container .applications,
.auth-plugin-container .applications {
  padding-bottom: 150px;
}
.events-application-container .applications .subscription-subheading,
.auth-plugin-container .applications .subscription-subheading {
  font-family: Roobert, sans-serif;
  font-size: 14px;
  padding: 0 20px 10px 20px;
  color: #000000;
}
.events-application-container .applications .cards,
.auth-plugin-container .applications .cards {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 20px;
}
.events-application-container .applications .cards .min-height,
.auth-plugin-container .applications .cards .min-height {
  min-height: 470px;
}
.events-application-container .applications .cards .event-application-container,
.auth-plugin-container .applications .cards .event-application-container {
  background: #ffffff;
  padding: 0 20px 40px 20px;
}
@media (min-width: 992px) {
  .events-application-container .applications .cards .event-application-container.no-left-padding,
  .auth-plugin-container .applications .cards .event-application-container.no-left-padding {
    padding-left: 0px;
  }
  .events-application-container .applications .cards .event-application-container.no-right-padding,
  .auth-plugin-container .applications .cards .event-application-container.no-right-padding {
    padding-right: 0px;
  }
}
.events-application-container .applications .cards .event-application-container .application-content,
.auth-plugin-container .applications .cards .event-application-container .application-content {
  border: 1px solid #dde3e8;
  border-radius: 10px;
  padding: 30px;
  background-color: #ffffff;
  height: auto;
  min-height: 168px;
}
.events-application-container .applications .cards .event-application-container .application-content.clickable,
.auth-plugin-container .applications .cards .event-application-container .application-content.clickable {
  cursor: pointer;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.2);
}
.events-application-container .applications .cards .event-application-container .application-content:not(.clickable).common-card,
.auth-plugin-container .applications .cards .event-application-container .application-content:not(.clickable).common-card {
  pointer-events: none;
}
.events-application-container .applications .cards .event-application-container .application-content svg,
.auth-plugin-container .applications .cards .event-application-container .application-content svg {
  display: inline-block;
  font-size: 18px;
  margin-left: 15px;
}
.events-application-container .applications .cards .event-application-container .application-content svg.fa-ellipsis-v,
.auth-plugin-container .applications .cards .event-application-container .application-content svg.fa-ellipsis-v {
  color: #5E7482;
}
.events-application-container .applications .cards .event-application-container .application-content svg.fa-check,
.auth-plugin-container .applications .cards .event-application-container .application-content svg.fa-check {
  margin-left: 0px;
}
.events-application-container .applications .cards .event-application-container .application-content .app-separator,
.auth-plugin-container .applications .cards .event-application-container .application-content .app-separator {
  margin-top: 25px;
  margin-bottom: 20px;
  margin-left: -35px;
  margin-right: -35px;
  border: 0;
  clear: both;
  border-top: 1px solid #ecedef;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component {
  display: block;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .application-info,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .application-info {
  display: flex;
  width: 100%;
  align-items: center;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .apps-info-content,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .apps-info-content {
  padding-right: 25px;
}
@media (max-width: 991px) {
  .events-application-container .applications .cards .event-application-container .application-content .apps-component,
  .auth-plugin-container .applications .cards .event-application-container .application-content .apps-component {
    padding: 0px 25px;
  }
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .app-title,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .app-title {
  text-overflow: ellipsis;
  width: 100%;
  overflow-x: hidden;
  font-family: Roobert SemiBold, sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  color: #323436;
  margin-bottom: 10px;
  height: 60px;
  white-space: nowrap;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .app-title:hover,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .app-title:hover {
  overflow-x: visible;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .app-title.activity-count-totals,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .app-title.activity-count-totals {
  font-size: 28px;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .link-float,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .link-float {
  display: block;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: baseline;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading .channel-type,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading .channel-type {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  width: auto;
  padding: 5px 10px;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading .caret-down,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading .caret-down {
  margin-top: 0px;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading .caret-down button,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading .caret-down button {
  background-color: white;
  border: none;
  box-shadow: none;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading .caret-down .dropdown-menu,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading .caret-down .dropdown-menu {
  margin-left: -90px;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading .caret-down .dropdown-menu li a,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading .caret-down .dropdown-menu li a {
  padding: 10px 15px;
  font-size: 14px;
  line-height: 22px;
  color: #5E7482;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading .caret-down .dropdown-menu li:not(:last-child),
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .link-float .channel-heading .caret-down .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #dde3e8;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .link-float .app-title,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .link-float .app-title {
  padding: 0px;
  margin: 0px;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .link-float .app-title.activity-count-totals,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .link-float .app-title.activity-count-totals {
  padding-bottom: 0px;
  height: auto;
  margin-bottom: 5px;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .heading,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .heading {
  font-family: Roobert Medium, sans-serif;
  color: #000000;
  font-size: 15px;
  line-height: 20px;
  text-align: right;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .access-id,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .access-id {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #323436;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .card-heading,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .card-heading {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .card-heading-title,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .card-heading-title {
  overflow-x: hidden;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 10px;
  height: 60px;
}
.events-application-container .applications .event-app-empty-state,
.auth-plugin-container .applications .event-app-empty-state {
  padding-top: 50px;
  padding-bottom: 150px;
  text-align: center;
}
.events-application-container .applications .event-app-empty-state .noapps-icon,
.auth-plugin-container .applications .event-app-empty-state .noapps-icon {
  padding-bottom: 40px;
  width: 486px;
  height: 276px;
}
@media (max-width: 768px) {
  .events-application-container .applications .event-app-empty-state .noapps-icon,
  .auth-plugin-container .applications .event-app-empty-state .noapps-icon {
    width: 270px;
    height: 150px;
  }
}
.events-application-container .applications .event-app-empty-state .no-apps-text,
.auth-plugin-container .applications .event-app-empty-state .no-apps-text {
  text-align: center;
  width: 100%;
}
.events-application-container .applications .event-app-empty-state .no-apps-text .noapps-icon,
.auth-plugin-container .applications .event-app-empty-state .no-apps-text .noapps-icon {
  padding-bottom: 40px;
  width: 100%;
}
.events-application-container .applications .event-app-empty-state .no-apps-text .no-apps-heading,
.auth-plugin-container .applications .event-app-empty-state .no-apps-text .no-apps-heading {
  font-family: Roobert Medium, sans-serif;
  color: #000000;
  font-size: 24px;
  padding-bottom: 15px;
}
.events-application-container .applications .event-app-empty-state .no-apps-text .no-apps-desc,
.auth-plugin-container .applications .event-app-empty-state .no-apps-text .no-apps-desc {
  font-family: Roobert, sans-serif;
  font-size: 18px;
  padding-bottom: 30px;
  color: #000000;
}
.events-application-container .applications .event-app-empty-state .no-apps-text .no-apps-create button,
.auth-plugin-container .applications .event-app-empty-state .no-apps-text .no-apps-create button {
  font-family: Roobert Bold, sans-serif;
  font-size: 14px;
  text-transform: capitalize;
}
.events-application-container .applications .activity-delay-message,
.auth-plugin-container .applications .activity-delay-message {
  font-family: Roobert, sans-serif;
  font-size: 18px;
  padding-bottom: 30px;
  color: #000000;
}
.events-icon {
  background: #FFA53C;
  padding: 10px;
  border-radius: 6px;
  font-size: 60px;
  color: white !important;
  height: 40px !important;
  width: 40px !important;
  margin-left: 0px !important;
  margin-bottom: 15px;
}
.event-product-name {
  margin-bottom: 0px !important;
  height: 45px !important;
}
#NEWAPP .data-subs-inputs .floating-form-group,
#EDITAPPLICATION .data-subs-inputs .floating-form-group,
#EVTSUB .data-subs-inputs .floating-form-group {
  margin-bottom: 0px;
  padding-bottom: 10px;
}
#NEWAPP .data-subs-inputs hr,
#EDITAPPLICATION .data-subs-inputs hr,
#EVTSUB .data-subs-inputs hr {
  margin-top: 0px;
  margin-bottom: 20px;
  width: calc(100% + 40px);
  left: -20px;
  position: relative;
}
#NEWAPP .data-subs-inputs .input-set,
#EDITAPPLICATION .data-subs-inputs .input-set,
#EVTSUB .data-subs-inputs .input-set {
  padding-bottom: 20px;
}
#NEWAPP .data-subs-inputs .input-set:last-child,
#EDITAPPLICATION .data-subs-inputs .input-set:last-child,
#EVTSUB .data-subs-inputs .input-set:last-child {
  padding-bottom: 40px;
}
#NEWAPP .data-subs-inputs .input-set .Select-menu-outer,
#EDITAPPLICATION .data-subs-inputs .input-set .Select-menu-outer,
#EVTSUB .data-subs-inputs .input-set .Select-menu-outer {
  z-index: 3;
  margin-top: 0px;
}
#NEWAPP .data-subs-inputs .input-set .ui-multi-select-control .Select--multi .Select-control .Select-multi-value-wrapper,
#EDITAPPLICATION .data-subs-inputs .input-set .ui-multi-select-control .Select--multi .Select-control .Select-multi-value-wrapper,
#EVTSUB .data-subs-inputs .input-set .ui-multi-select-control .Select--multi .Select-control .Select-multi-value-wrapper {
  padding: 10px;
}
#NEWAPP .data-subs-inputs .input-set .ui-multi-select-control .Select--multi .Select-control .Select-multi-value-wrapper .Select-value,
#EDITAPPLICATION .data-subs-inputs .input-set .ui-multi-select-control .Select--multi .Select-control .Select-multi-value-wrapper .Select-value,
#EVTSUB .data-subs-inputs .input-set .ui-multi-select-control .Select--multi .Select-control .Select-multi-value-wrapper .Select-value {
  margin: 2px 0;
  border-radius: 10px;
}
#NEWAPP .data-subs-inputs .app-floating-label,
#EDITAPPLICATION .data-subs-inputs .app-floating-label,
#EVTSUB .data-subs-inputs .app-floating-label {
  font-family: Roobert, sans-serif;
  font-size: 13px;
  color: #000000;
  z-index: 2;
  float: left;
  height: 10px;
  padding: 0px 5px;
  position: relative;
  left: 10px;
  top: 2px;
  margin: 0;
  background: white;
}
#NEWAPP .data-subs-inputs .app-floating-label.dropdown,
#EDITAPPLICATION .data-subs-inputs .app-floating-label.dropdown,
#EVTSUB .data-subs-inputs .app-floating-label.dropdown {
  top: -8px;
}
#NEWAPP .data-subs-inputs .app-input,
#EDITAPPLICATION .data-subs-inputs .app-input,
#EVTSUB .data-subs-inputs .app-input {
  background: #ffffff;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  border-radius: 2px;
  display: block;
  margin-bottom: 2px;
  border-radius: 3px;
  text-indent: 5px;
  width: 100%;
  line-height: 30px;
  height: 44px;
  padding: 0;
  margin: 0;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  color: #000000;
  padding-left: 7px;
}
#NEWAPP .data-subs-inputs .button-set,
#EDITAPPLICATION .data-subs-inputs .button-set,
#EVTSUB .data-subs-inputs .button-set {
  display: flex;
  justify-content: end;
}
#NEWAPP .data-subs-inputs .button-set button,
#EDITAPPLICATION .data-subs-inputs .button-set button,
#EVTSUB .data-subs-inputs .button-set button {
  margin-left: 20px;
  border-radius: 2px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  width: 100px;
}
#NEWAPP .data-subs-inputs .button-set button.cancel,
#EDITAPPLICATION .data-subs-inputs .button-set button.cancel,
#EVTSUB .data-subs-inputs .button-set button.cancel {
  background: #ffffff;
  border: 1px solid #C2C2C2;
  color: #5E7482;
}
#NEWAPP .data-subs-inputs .select-title,
#EDITAPPLICATION .data-subs-inputs .select-title,
#EVTSUB .data-subs-inputs .select-title,
#NEWAPP .data-subs-inputs .select-content,
#EDITAPPLICATION .data-subs-inputs .select-content,
#EVTSUB .data-subs-inputs .select-content {
  font-family: Roobert, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}
#NEWAPP .data-subs-inputs .select-content,
#EDITAPPLICATION .data-subs-inputs .select-content,
#EVTSUB .data-subs-inputs .select-content {
  z-index: 3;
}
.topic-request-info-container {
  border-radius: 8px;
  border-color: #C8D4E1;
  border-width: 1px;
  border-style: solid;
  width: 100%;
}
.topic-request-info-container .hr {
  border-top: 0px;
}
@media (max-width: 768px) {
  .topic-request-info-container {
    width: 100%;
  }
}
.topic-request-info-container .card-label-padding {
  padding-left: 30px;
  padding-right: 30px;
}
.topic-request-info-container .topic-request-info:first-child {
  margin-top: 15px;
}
.topic-request-info-container .topic-request-info:last-child {
  margin-bottom: 10px;
}
.topic-request-info {
  min-height: 42px;
  border-color: #C8D4E1;
  border-width: 1px 0px 0px 0px;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.topic-request-info:last-child {
  padding-bottom: 20px;
}
.topic-request-info .topic-request-info-label,
.topic-request-info .topic-request-info-value {
  font-size: 15px;
  display: inline-block;
  align-items: center;
  padding-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 50ch;
  min-width: 10ch;
  height: auto;
}
.topic-request-info .topic-request-info-label:hover,
.topic-request-info .topic-request-info-value:hover {
  overflow: visible;
  white-space: normal;
  word-wrap: break-word;
}
.topic-request-info .topic-request-info-label {
  color: #5E7482;
}
@media (max-width: 320px) {
  .topic-request-info .topic-request-info-label {
    width: 46%;
  }
  .topic-request-info .topic-request-info-label:hover {
    overflow: visible;
    word-wrap: break-word;
  }
}
.topic-request-info .topic-request-info-value {
  font-weight: 400;
  text-align: right;
  color: #323436;
}
.topic-request-info .topic-request-info-value.autooverflow {
  overflow: auto;
  white-space: pre-wrap;
  width: 75%;
  text-align: right;
}
.topic-request-info .topic-request-info-value.autooverflow:hover {
  overflow: auto;
}
.topic-request-info .topic-request-info-value.autooverflow .broker-list {
  display: flex;
  justify-content: end;
}
.topic-request-info .topic-request-info-value.autooverflow .broker-list button {
  color: #5E7482;
  margin: 0px;
  padding: 0px;
}
.topic-request-info .topic-request-info-value.autooverflow .broker-list a {
  color: #5E7482;
}
.topic-request-info .topic-request-info-value:hover {
  overflow: visible;
  white-space: normal;
  word-wrap: break-word;
}
@media (max-width: 912px) {
  .topic-request-info .topic-request-info-value {
    width: 70%;
  }
}
@media (max-width: 768px) {
  .topic-request-info .topic-request-info-value {
    width: 55%;
    padding-right: 12px;
  }
}
@media (max-width: 540px) {
  .topic-request-info .topic-request-info-value {
    width: 68%;
  }
}
@media (max-width: 414px) {
  .topic-request-info .topic-request-info-value {
    width: 55%;
  }
}
@media (max-width: 375px) {
  .topic-request-info .topic-request-info-value {
    width: 47%;
  }
}
@media (max-width: 320px) {
  .topic-request-info .topic-request-info-value {
    width: 47%;
  }
  .topic-request-info .topic-request-info-value:hover {
    overflow: visible;
    word-wrap: break-word;
  }
}
.topic-request-info .copybutton {
  align-items: center;
  display: flex;
  padding-left: 10px;
}
.topic-request-info .copybutton button {
  text-decoration: none;
}
.cluster-details-modal {
  width: max-content;
}
.tooltip-check .cluster-help-group {
  display: none;
}
.tooltip-check:focus .cluster-help-group,
.tooltip-check:hover .cluster-help-group,
.tooltip-check:active .cluster-help-group {
  display: inline-block;
}
.tooltip-check .active-hover {
  display: inline-block;
}
.cluster-field .form-label {
  display: block;
}
.cluster-field.flex-field {
  width: 50%;
}
.cluster-field.flex-field:not(:last-child) {
  padding-right: 20px;
}
.cluster-field-group {
  display: flex;
}
.cluster-field-nomargin {
  margin-bottom: 0px;
  padding-top: 22px;
}
.cluster-help,
.cluster-help-group,
.cluster-help-select {
  cursor: help;
  top: 58px;
  right: -95%;
  margin-left: 8px;
  z-index: 1;
}
.cluster-help-select.last {
  top: 40px;
}
.event-tooltip input {
  padding: 12px 44px 12px 18px;
  background: transparent;
}
.cluster-heading-caret {
  padding-left: 35%;
}
#EVTSUB {
  padding-top: 10px;
}
#EVTSUB .Select__value-container--is-multi {
  padding: 8px;
}
#EVTSUB .Select__value-container--is-multi .Select__multi-value {
  border-radius: 10px;
  margin: 5px;
  background-color: #FFEEBE;
  padding: 2px 10px;
  border: 1px solid rgba(0, 126, 255, 0.24);
}
#EVTSUB .Select__value-container--is-multi .Select__multi-value .Select__multi-value__remove {
  font-family: Roobert Bold, sans-serif;
  float: right;
  color: #5f6467;
  font-size: 20px;
  line-height: 18px;
  border-right: none;
  padding: 0px;
  margin-top: 1.5px;
}
#EVTSUB .Select__value-container--is-multi .Select__multi-value .Select__multi-value__label {
  font-family: Roobert Medium, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
}
#EVTSUB .Select__indicators {
  cursor: pointer;
}
#EVTSUB .Select__indicators .Select__clear-indicator svg {
  height: 16px;
}
#EVTSUB .Select__indicators .Select__clear-indicator:hover {
  color: #CE1518;
}
#EVTSUB .evts-subs .Select-value {
  color: #756C55;
  background-color: #FFEEBE;
  border: none;
}
#EVTSUB .packets .Select-value {
  color: #000000;
  background-color: #dde3e8;
  border: none;
}
.token-details {
  font-family: Roobert, sans-serif;
  color: #000000;
}
.token-details .token-title {
  font-weight: bold;
}
.token-details .token-name {
  margin-top: 20px;
  margin-bottom: 34px;
  gap: 2rem;
}
.token-details .token-name h4 {
  font-family: Roobert Bold, sans-serif;
  font-size: 32px;
}
.token-details .tokens-tabs {
  margin-top: 30px;
}
.token-details .tokens-tabs button.ui-action-button {
  margin: 20px 30px 10px 0px;
  padding: 0px 0px 12px 0px;
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  border: none;
  background-color: transparent;
  line-height: 135%;
  min-width: unset;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.token-details .tokens-tabs button.ui-action-button.tab-active {
  color: #048A81;
}
.token-details .tokens-tabs button.ui-action-button.tab-active,
.token-details .tokens-tabs button.ui-action-button:hover {
  border-bottom: 4px solid #048A81;
  padding-bottom: 8px;
  background-color: transparent;
}
.token-details hr {
  position: absolute;
  left: 0px;
  margin-top: -11px;
  background: #9ea5af;
  height: 1px;
}
.access-id-container {
  margin-bottom: 250px;
}
.access-id-container h6 {
  font-weight: bold;
  font-size: 20px;
}
.access-id-container [name="add-appuser"] .fa-plus {
  margin-right: 10px;
}
.access-id-container .ui-action-link.btn.btn-link {
  font-size: 18px;
  font-family: Roobert Bold, sans-serif;
  text-decoration: none;
  color: #000000;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.access-id-container .ui-action-link.btn.btn-link:hover,
.access-id-container .ui-action-link.btn.btn-link:focus,
.access-id-container .ui-action-link.btn.btn-link:active,
.access-id-container .ui-action-link.btn.btn-link:focus-visible {
  background-color: #E9E3F0;
  box-shadow: none;
}
.access-id-container .ui-action-link.btn.btn-link span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.access-id-container .ui-action-link.btn.btn-link span > svg,
.access-id-container .ui-action-link.btn.btn-link span > span > svg {
  margin: 0;
}
.access-id-container .show-hide.copy-padding {
  margin-left: 10px;
}
.access-id-container button.copy {
  outline: none;
  background: transparent;
  border: none;
  color: #048A81;
}
.access-id-container .access-id-card {
  padding: 30px;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.15);
  border: 1px solid #DDE3E8;
  border-radius: 6px;
  margin-top: 30px;
  min-height: 229px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .access-id-container .access-id-card {
    overflow: scroll;
  }
}
.access-id-container .access-id-card hr.divide {
  width: 100%;
  height: 1px;
  position: initial;
  background: #9ea5af;
  margin: 30px 0;
}
.access-id-container .access-id-card .shimmer {
  animation-duration: 2.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmer;
  animation-timing-function: linear;
  background: #f2f4f6;
  background: linear-gradient(to right, #f2f4f6 8%, #ffffff 18%, #f2f4f6 33%);
  background-size: 1200px 100%;
  height: 16px;
  width: 1180px;
  padding-top: 2px;
}
@keyframes shimmer {
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}
.access-id-container div.icon-data-row {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #000000;
}
.access-id-container div.icon-data-row .title {
  font-weight: bold;
  margin-bottom: 4px;
}
.access-id-container div.icon-data-row .title.shift-right {
  margin-left: 8px;
}
.access-id-container div.icon-data-row .data-value {
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  max-width: 1180px;
  width: 260px;
  overflow: hidden;
}
.access-id-container div.icon-data-row .data-value i.sys-solid-fa-circle {
  font-size: 6px;
  color: #000000;
  padding: 2px;
}
#ADDTOPIC .ui-checkbox {
  padding-left: 20px;
}
#ADDTOPIC .ui-checkbox .form-check-label {
  display: flex;
  align-items: center;
}
#ADDTOPIC .ui-checkbox .form-check-label .form-check-input {
  width: 20px;
  height: 20px;
  margin-top: -28px;
  margin-left: -40px;
  font-family: Roobert, sans-serif;
}
.consumer-metrics-container {
  padding: 50px 50px 200px 50px;
}
.consumer-metrics-container h2 {
  font-family: Roobert Bold, sans-serif;
  font-size: 20px;
  color: #000000;
  padding-bottom: 30px;
}
.consumer-metrics-container h2.second-heading {
  padding-top: 50px;
}
.consumer-metrics-container .filters-row {
  margin-bottom: 50px;
}
.consumer-metrics-container .filters-row .event-app-dropdown {
  margin: 0px;
}
.consumer-metrics-container .filters-row .event-app-dropdown .select-title > .dropdown-label,
.consumer-metrics-container .filters-row .event-app-dropdown .select-item {
  text-transform: none;
}
.consumer-metrics-container .app-dropdown-select .select-single-control {
  padding: 14px 14px;
}
.consumer-metrics-container .app-dropdown-select button .select-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  padding-right: 30px;
}
.consumer-metrics-container .event-app-empty-state {
  text-align: center;
  padding: 50px;
}
.consumer-metrics-container .event-app-empty-state .no-apps-heading {
  font-family: Roobert Medium, sans-serif;
  color: #000000;
  font-size: 24px;
  padding-top: 50px;
}
.consumer-metrics-container .common-error-container {
  padding-top: 0;
}
.consumer-metrics-container .button-container {
  margin-bottom: 6px;
}
.events-container .events-guide .common-header .guide-icon {
  width: 50px;
  padding: 12px;
  height: 50px;
  color: #ffffff;
}
.events-container .events-guide .note-box {
  padding: 12px;
  border: 1px solid #395FF0;
  background: #E8F0FE;
  border-radius: 0;
  width: fit-content;
}
.events-container .events-guide .note-box .api-overview-desc {
  margin: 0;
}
.events-container .events-guide .note-box .fa-info-circle {
  margin-right: 5px;
  color: #395FF0;
}
.events-container .events-guide .data-table tbody .data-list-item {
  font-family: Roobert, sans-serif;
}
.events-application-container .applications .cards .event-application-container .application-content .application-content svg,
.auth-plugin-container .applications .cards .event-application-container .application-content .application-content svg {
  color: #11191F;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .app-title .es-card-title-icon,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .app-title .es-card-title-icon {
  margin-right: 15px;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .app-title svg,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .app-title svg {
  margin-left: 0;
  margin-right: 15px;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .app-title i,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .app-title i {
  margin-left: 0;
  margin-right: 15px;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .event-status-action,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .event-status-action {
  display: flex;
  align-items: center;
  grid-template-columns: 90% 10%;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .event-status-action.button-padding,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .event-status-action.button-padding {
  padding-right: 30px;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .event-status-action .fa-pencil-alt,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .event-status-action .fa-pencil-alt {
  color: #11191F;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .event-status-action button.ui-action-link,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .event-status-action button.ui-action-link {
  margin-top: 6px;
  padding: 0px;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .event-status-action button.ui-action-link:focus,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .event-status-action button.ui-action-link:focus,
.events-application-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .event-status-action button.ui-action-link :active,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .channel-heading .event-status-action button.ui-action-link :active {
  box-shadow: none;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .Active,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .Active {
  text-transform: uppercase;
  background: #E7FADB;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 8px;
  color: #028053;
  margin-left: 5px;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .PENDING,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .PENDING {
  text-transform: uppercase;
  background: #FFEEBE;
  padding: 4px 10px;
  border-radius: 8px;
  color: #736646;
  width: 100%;
  text-wrap: nowrap;
}
.events-application-container .applications .cards .event-application-container .application-content .apps-component .FAILURE,
.auth-plugin-container .applications .cards .event-application-container .application-content .apps-component .FAILURE {
  text-transform: uppercase;
  background: #FFDCDE;
  padding: 4px 10px;
  border-radius: 8px;
  color: #CE1518;
  width: 100%;
  text-wrap: nowrap;
}
.events-application-container .applications .cards .event-application-container .caret-down,
.auth-plugin-container .applications .cards .event-application-container .caret-down {
  position: absolute;
  right: 45px;
  top: 32px;
}
.events-application-container .applications .cards .event-application-container .caret-down .show button,
.auth-plugin-container .applications .cards .event-application-container .caret-down .show button {
  background-color: #395FF0;
  color: #ffffff;
}
.events-application-container .applications .cards .event-application-container .caret-down:focus,
.auth-plugin-container .applications .cards .event-application-container .caret-down:focus,
.events-application-container .applications .cards .event-application-container .caret-down:active,
.auth-plugin-container .applications .cards .event-application-container .caret-down:active {
  outline: none;
  border: none;
}
.events-application-container .applications .cards .event-application-container .caret-down:hover,
.auth-plugin-container .applications .cards .event-application-container .caret-down:hover {
  background-color: #f0f4f6;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .events-application-container .applications .cards .event-application-container .caret-down,
  .auth-plugin-container .applications .cards .event-application-container .caret-down {
    margin-top: 15px;
  }
}
.events-application-container .applications .cards .event-application-container .caret-down button,
.auth-plugin-container .applications .cards .event-application-container .caret-down button {
  background: none;
  color: #5E7482;
  border: none;
  box-shadow: none;
}
.events-application-container .applications .cards .event-application-container .caret-down .dropdown-menu,
.auth-plugin-container .applications .cards .event-application-container .caret-down .dropdown-menu {
  margin-left: -130px;
}
.events-application-container .applications .cards .event-application-container .caret-down .dropdown-menu .ui-dropdown-item,
.auth-plugin-container .applications .cards .event-application-container .caret-down .dropdown-menu .ui-dropdown-item {
  font-size: 14px;
  color: #5E7482;
  padding: 10px 15px;
  line-height: 22px;
}
.events-application-container .applications .cards .event-application-container .caret-down .dropdown-menu a:not(:last-child):focus,
.auth-plugin-container .applications .cards .event-application-container .caret-down .dropdown-menu a:not(:last-child):focus {
  border-bottom: 0.1em solid #395FF0;
}
.events-application-container .applications .cards .event-application-container .caret-down .dropdown-menu *:focus,
.auth-plugin-container .applications .cards .event-application-container .caret-down .dropdown-menu *:focus {
  border: 0.1em solid #395FF0;
  background-color: rgba(0, 0, 0, 0);
  margin: 0px;
}
.events-application-container .applications .cards .event-application-container .caret-down.full-width .dropdown-menu,
.auth-plugin-container .applications .cards .event-application-container .caret-down.full-width .dropdown-menu {
  margin-left: -105px;
}
.events-application-container .applications .cards .event-application-container .fa-pencil-alt,
.auth-plugin-container .applications .cards .event-application-container .fa-pencil-alt {
  color: #11191F;
}
.events-application-container .applications .cards .event-application-container button.ui-action-link,
.auth-plugin-container .applications .cards .event-application-container button.ui-action-link {
  position: absolute;
  right: 35px;
  top: 40px;
  margin-top: 6px;
  padding: 0px;
}
.events-application-container .applications .cards .event-application-container button.ui-action-link:focus,
.auth-plugin-container .applications .cards .event-application-container button.ui-action-link:focus,
.events-application-container .applications .cards .event-application-container button.ui-action-link :active,
.auth-plugin-container .applications .cards .event-application-container button.ui-action-link :active {
  box-shadow: none;
}
.events-application-container .applications .cards .button-container #show-more,
.auth-plugin-container .applications .cards .button-container #show-more {
  margin-top: 60px;
  margin-bottom: 100px;
}
.events-application-container .common-header,
.auth-plugin-container .common-header {
  background-color: #ffffff;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker {
  width: 100%;
  font-family: Roobert, sans-serif;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div {
  width: 230px;
  margin-right: 50px;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker label,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker label {
  font-size: 14px;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker-wrapper .input-control > input,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker-wrapper .input-control > input {
  border-radius: 0px;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker {
  font-family: Roobert Bold, sans-serif;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker .react-datepicker__header .custom-header,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker .react-datepicker__header .custom-header,
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker .react-datepicker__header .react-datepicker__current-month,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker .react-datepicker__header .react-datepicker__current-month {
  background: #395FF0;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker .react-datepicker__day-name,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker .react-datepicker__day-name {
  color: #11191F;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker .react-datepicker__day,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker .react-datepicker__day {
  color: #395FF0;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker .react-datepicker__day--disabled,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker .react-datepicker__day--disabled {
  color: #5E7482;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker .react-datepicker__day--selected,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .react-datepicker .react-datepicker__day--selected {
  background-color: #395FF0;
  color: #ffffff;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .custom-header > .month-and-year > .months-and-years-lists > .month-or-year-list button,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .custom-header > .month-and-year > .months-and-years-lists > .month-or-year-list button {
  background: #395FF0;
  color: #ffffff;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .custom-header > .month-and-year span.header-text,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .custom-header > .month-and-year span.header-text {
  pointer-events: none;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .months-and-years-lists::before,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .months-and-years-lists::before,
.events-application-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .months-and-years-lists::after,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .custom-date-range-picker form > div > div .date-picker .months-and-years-lists::after {
  background: none;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon {
  vertical-align: middle;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon.DATA_SUBSCRIPTION .svg-inline--fa,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon.DATA_SUBSCRIPTION .svg-inline--fa {
  color: #431C5B;
  background-color: #E9E3F0;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon.DATA_SUBSCRIPTION i,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon.DATA_SUBSCRIPTION i {
  color: #EB7200;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon.AUTH_PLUGIN,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon.AUTH_PLUGIN {
  background-color: #D196FF;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon.AUTH_PLUGIN .svg-inline--fa,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon.AUTH_PLUGIN .svg-inline--fa {
  color: #ffffff;
  background-color: #D196FF;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon.AUTH_PLUGIN i,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon.AUTH_PLUGIN i {
  color: #ffffff;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .event-app-data .sys-solid-fa-pub-sub,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .event-app-data .sys-solid-fa-pub-sub {
  padding: 12px;
  font-size: 20px;
  border-radius: 0;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .event-app-data .sys-solid-fa-webhook,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .event-app-data .sys-solid-fa-webhook {
  padding: 11px;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon:has(i),
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .event-app-data .file-icon:has(i) {
  padding: 11px;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .event-app-data .events-applications-header .file-icon,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .event-app-data .events-applications-header .file-icon {
  padding: 0;
  border-radius: 6px;
}
.events-application-container .common-header .common-header-content .event-app-status-bundle .event-app-data .events-applications-header .file-icon i,
.auth-plugin-container .common-header .common-header-content .event-app-status-bundle .event-app-data .events-applications-header .file-icon i {
  border-radius: 6px;
  color: #EB7200;
  background-color: #FFE9D3;
}
.events-application-container .apps-content,
.auth-plugin-container .apps-content {
  padding-left: 6.25%;
}
.subs-card-pills {
  cursor: auto;
}
.subs-card-pills .list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.subs-card-pills .list div {
  margin-bottom: 16px;
}
.subs-card-pills .list div .events,
.subs-card-pills .list div .subscriptions {
  border-radius: 8px;
  text-align: center;
  margin-right: 10px;
  height: 28px;
  padding: 4px 12px;
  font-size: 14px;
}
.subs-card-pills .list div .events {
  background: #FFEEBE;
  color: #756C55;
  font-family: Roobert Medium, sans-serif;
}
.subs-card-pills .list div .subscriptions {
  color: #000000;
  background: #f0f4f6;
  font-family: Roobert Medium, sans-serif;
}
.cluster-form-content #clusterNameDropDown-label {
  z-index: -1;
}
.cluster-form-content .ui-single-select-control .Select .Select-control,
.cluster-form-content .ui-multi-select-control .Select .Select-control {
  border-radius: 0px;
}
.cluster-form-content .ui-text-input {
  border-radius: 0px;
}
.contract-warning-banner,
.all-events-subscribed-message {
  display: flex;
  align-items: flex-start;
  padding: 12px 16px;
  margin: 12px 0;
  background-color: #FFE9D3;
  border: 1px solid #EB7200;
  color: #736646;
  font-size: 14px;
  line-height: 1.5;
}
.contract-warning-banner svg,
.all-events-subscribed-message svg,
.contract-warning-banner i,
.all-events-subscribed-message i {
  margin-right: 16px;
  margin-top: 3px;
  color: #EB7200;
  flex-shrink: 0;
}
.contract-info-banner {
  margin-top: -150px;
  font-size: 18px;
  color: #000000;
  justify-content: center;
  display: flex;
}
.contract-info-banner span {
  width: 57%;
}
.app-user-card {
  padding: 6px 0px;
}
.app-user-card .app-user-initials {
  width: 44px;
  height: 44px;
  background-color: #000000;
  color: #ffffff;
  border-radius: 100px;
  text-align: center;
  align-content: center;
  font-size: 18px;
  font-family: Roobert SemiBold, sans-serif;
}
.app-user-card .app-user-information {
  flex: 1;
  padding-left: 18px;
}
.app-user-card .app-user-information .app-user-details {
  font-family: Roobert SemiBold, sans-serif;
  font-size: 18px;
  padding-bottom: 4px;
  line-height: 24px;
  color: #323436;
}
.app-user-card .app-user-information .app-user-id {
  font-size: 16px;
  font-family: Roobert, sans-serif;
  line-height: 24px;
}
.app-user-card .app-user-information .app-user-action-status {
  align-self: center;
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
  padding: 4px 10px;
  border-radius: 8px;
}
.app-user-card .app-user-information .app-user-action-status.user-PENDING {
  color: #736646;
  background-color: #FFEEBE;
}
.app-user-card .app-user-information .app-user-action-status.user-SUCCESS {
  color: #1A5C6B;
  background-color: #E7F9FD;
}
.update-password-container #newPasswordHelp {
  visibility: hidden;
  display: inline-block;
  height: 0px;
  padding: 0px;
  margin: 0px;
}
.create-password-container #passwordHelp {
  visibility: hidden;
}
.password-toggle-wrapper {
  position: relative;
}
.password-toggle-wrapper .floating-form-group {
  width: 100%;
}
.password-toggle-wrapper > div {
  margin-bottom: 18px;
}
.password-toggle-wrapper > div.has-error {
  margin-bottom: 0px;
}
.password-toggle-wrapper .has-error {
  font-family: inherit;
  font-size: inherit;
}
.password-toggle-wrapper .has-error .ui-password-input,
.password-toggle-wrapper .has-error .ui-text-input {
  box-sizing: border-box;
}
.password-toggle-wrapper button.ui-action-link.btn.btn-link {
  position: absolute;
  right: 0px;
  top: 27px;
  transform: translateY(-50%);
  color: #000000;
  text-decoration: none;
  box-shadow: none;
  outline: none;
}
.password-toggle-wrapper button.ui-action-link.btn.btn-link:hover,
.password-toggle-wrapper button.ui-action-link.btn.btn-link:focus {
  color: #000000;
  box-shadow: none;
  outline: none;
}
.password-toggle-wrapper:has(> .has-error) button.ui-action-link.btn.btn-link {
  top: 10px;
  bottom: auto;
  display: inline-flex;
  align-items: center;
  transform: none;
}
.reset-password-control-container .password-control .header {
  display: none;
}
.reset-password-control-container .password-control .list {
  font-size: 13px;
  color: #ffffff;
  margin: 0px;
  display: flex;
  padding: 0px;
  line-height: 1.4;
}
.reset-password-control-container .password-control .list.check-icon-passed {
  color: #51D696;
  background-color: transparent;
}
.reset-password-control-container .password-control .list:not(:last-child) {
  margin-bottom: 6px;
}
.reset-password-control-container .password-control .list p {
  width: 100%;
  text-align: left;
}
.reset-password-control-container .password-control .list svg {
  border: none;
  border-radius: 0;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  padding: 0;
  color: transparent;
  background: url(/images/icons/circle-b37648cfa33733cb77ec61815c1d4cca.svg) no-repeat center center;
  background-size: contain;
}
.reset-password-control-container .password-control .list svg > * {
  display: none;
}
.reset-password-control-container .password-control .list svg.info-icon path {
  display: none;
}
.reset-password-control-container .password-control .list svg.check-icon-passed {
  background-image: url(/images/icons/check-6d36a14882e35bddfe9cc26c3c5adb11.svg);
}
.reset-password-control-container .password-control .list svg.check-icon-failed {
  background-image: url(/images/icons/circle-b37648cfa33733cb77ec61815c1d4cca.svg);
}
.app-control {
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: solid #f2f4f6 1px;
  background: #ffffff;
  padding: 8px 20px 8px 20px;
}
.form-control,
.form-control[readonly] {
  border: 1px solid #999B9C;
  border-radius: 8px;
}
.form-horizontal .control-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.app-button + .app-button {
  margin-left: 20px;
}
.app-button {
  min-height: 35px;
  min-width: 80px;
  -webkit-appearance: none;
  font-size: 14px;
  font-weight: 1000;
  text-decoration: none;
  border-radius: 2px;
}
.app-button:focus {
  text-decoration: none;
  outline: none !important;
}
.app-button.app-button-primary {
  color: #ffffff;
  background-color: #395FF0;
  border-color: #395FF0;
  margin-left: 0px;
}
.app-button.app-button-primary:hover,
.app-button.app-button-primary:focus {
  background-color: #1D3282;
}
.app-button[disabled] {
  color: #ffffff;
  background-color: #5a5f62;
  border-color: #5a5f62;
  margin-left: 0px;
  border-width: 2px;
}
.app-button[disabled]:hover,
.app-button[disabled]:focus {
  background-color: #5a5f62;
  border-color: #5a5f62;
}
.app-button.app-button-getStarted {
  color: #ffffff;
  background-color: #d14600;
  border-color: #d14600;
  margin-left: 0px;
  border-width: 2px;
}
.app-button.app-button-getStarted:hover,
.app-button.app-button-getStarted:focus {
  background-color: #9e3500;
  border-color: #9e3500;
}
.app-button.app-button-apiFullReference {
  color: #ffffff;
  background-color: #395FF0;
  border-color: #395FF0;
  margin-left: 0px;
  border-width: 2px;
}
.app-button.app-button-apiFullReference:hover,
.app-button.app-button-apiFullReference:focus {
  background-color: #113de5;
  border-color: #113de5;
}
.app-button.app-button-secondary {
  color: #ffffff;
  background-color: #796E65;
  border: solid #796E65 1px;
  border-width: 2px;
}
.app-button.app-button-secondary:hover,
.app-button.app-button-secondary:focus {
  background-color: #514c48;
  border-color: #514c48;
}
.app-button.app-button-transparent {
  color: #00406e;
  background-color: #ffffff;
  border-color: #ffffff;
  border-width: 2px;
}
.app-button.app-button-transparent:hover,
.app-button.app-button-transparent:focus {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.app-button.app-button-transparent-home {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
  border-width: 2px;
}
.app-button.app-button-transparent-home:hover,
.app-button.app-button-transparent-home:focus {
  color: #57c9e8;
  background-color: #ffffff;
  border-color: #ffffff;
}
.app-button.app-button-transparent-blue {
  color: #57c9e8;
  background-color: transparent;
  border: 2px solid #57c9e8;
}
.app-button.app-button-transparent-blue:hover,
.app-button.app-button-transparent-blue:focus {
  color: #ffffff;
  background-color: #57c9e8;
}
.app-button.large-btn {
  width: 185px;
  height: 48px;
}
.app-button.very-large-btn {
  width: 275px;
  height: 47px;
}
.edit-password-modal .modal-footer {
  padding: 0px;
}
.edit-password-modal .modal-footer .divider {
  border: 0;
  border-top: 1px solid #eeeeee;
  width: 100%;
  margin: 0 auto;
  background: #dde3e8;
}
.edit-password-modal .modal-footer .inline-button-group {
  margin-top: 25px;
}
.edit-password-modal .modal-footer .saveButton .ui-action-button.btn-primary {
  color: #ffffff;
  background-color: #395FF0;
  border-color: #395FF0;
  border-width: 1px;
  border-radius: 2px;
  width: 120px;
  height: 38px;
  margin-left: 441px;
  position: relative;
  bottom: 155px;
}
.edit-password-modal .modal-footer .cancelButton .ui-action-button.btn-primary {
  color: #5E7482;
  background-color: #ffffff;
  border: solid #C2C2C2 1px;
  border-width: 1px;
  border-radius: 2px;
  width: 120px;
  height: 38px;
  margin-left: 301px;
  position: relative;
  bottom: 107px;
}
.edit-profile-footer .modal-footer .divider {
  border: 0;
  border-top: 1px solid #eeeeee;
  width: 100%;
  margin: 0 auto;
  background: #dde3e8;
  position: absolute;
  bottom: 14%;
  left: 0px;
}
.edit-profile-footer .modal-footer .saveButton .ui-action-button.btn {
  color: #ffffff;
  background-color: #395FF0;
  border-color: #395FF0;
  border-width: 1px;
  border-radius: 2px;
  width: 120px;
  height: 38px;
  margin-left: 441px;
  position: relative;
  bottom: 17px;
}
.edit-profile-footer .modal-footer .cancelButton .ui-action-button.btn {
  color: #5E7482;
  background-color: #ffffff;
  border: solid #C2C2C2 1px;
  border-width: 1px;
  border-radius: 2px;
  width: 120px;
  height: 38px;
  margin-left: 301px;
  position: relative;
  bottom: -30px;
}
.contactus-divider {
  border: 0;
  border-top: 1px solid #eeeeee;
  width: 100%;
  margin: 0 auto;
  background: #dde3e8;
  position: absolute;
  bottom: 7%;
  left: 0px;
}
a.app-button.large-btn {
  padding-top: 10px;
}
.app-select-control {
  width: 100%;
  overflow: hidden;
  border: 1px solid #f2f4f6;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.app-select-control select {
  width: 100%;
  border: none;
}
.select-option-notselected {
  color: #cccccc;
}
.captcha-container {
  padding-top: 10px;
}
.captcha-container > div {
  display: inline-block;
}
.captcha-container .rc-anchor {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.slide-button {
  position: relative;
  display: inline-block;
}
.slide-button .slide-switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 20px;
  overflow: visible;
  border-radius: 30px;
  border: 0;
  background-color: transparent;
  padding: 0px;
  vertical-align: text-top;
}
.slide-button .slide-switch:focus + .slide-slider {
  box-shadow: 0 0 1px #395FF0;
}
.slide-button .slide-switch:focus,
.slide-button .slide-switch:active {
  outline: 1px solid #ffc627;
}
.slide-button .slide-switch .slide-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #687e90;
  transition: 0.4s;
  border-radius: 30px;
}
.slide-button .slide-switch .slide-slider svg {
  color: #ffffff;
  position: absolute;
  left: 3px;
  top: 2px;
  height: 0.9em;
  opacity: 0;
}
.slide-button .slide-switch .slide-slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: #ffffff;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0 0 2px 0.85px rgba(0, 0, 0, 0.2);
}
.slide-button .slide-switch .slide-slider[aria-checked=true] svg {
  opacity: 1;
  transition: 0.4s;
}
.slide-button .slide-switch .slide-slider[aria-checked=false] svg {
  opacity: 0;
}
.slide-button .slide-switch .slider-checked.slide-slider {
  background-color: #008858;
}
.slide-button .slide-switch .slider-checked.slide-slider svg {
  opacity: 1;
  transition: 0.4s;
}
.slide-button .slide-switch .slider-checked.slide-slider:before {
  transform: translateX(25px);
}
.api-operation-select .btn {
  margin-bottom: 0px;
}
.api-operation-select .compile {
  margin-left: 30px;
  padding: 5px 15px;
  text-transform: capitalize;
}
.api-operation-select .api-select-label {
  font-family: Roobert Bold, sans-serif;
  color: #323436;
  font-size: 22px;
}
@media (max-width: 992px) {
  .api-operation-select .api-select-label {
    font-size: 20px;
  }
}
.api-operation-select .api-select-control .select-title {
  text-transform: none;
}
.checkbox-select-info {
  font-size: 14px;
  margin-top: 8px;
}
.checkbox-select-info .form-group > .ui-checkbox {
  padding-left: 0;
}
.checkbox-select-info .form-group > .ui-checkbox input.form-check-input:focus {
  outline: none;
  box-shadow: none;
}
.terms-recommendation-text {
  display: inline-block;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  margin-left: 10px;
}
.form-check-input:checked {
  background-color: #431C5B;
  border-color: #431C5B;
}
.roleName-display {
  text-align: left;
  font-size: 14px;
  color: #00406e;
  font-weight: 600;
}
.roleName-display a:active,
.roleName-display a:hover {
  text-decoration: none;
  color: #395FF0;
}
.roleName-display .api-link {
  font-size: 18px;
  color: #00406e;
}
.roleName-display > a[aria-expanded="true"]:after {
  content: "\f077";
}
.border-none {
  text-decoration: none;
  outline: none !important;
}
.apps-container {
  position: relative;
  min-height: 510px;
}
.apps-container .apps-content {
  padding: 40px calc(4% + 20px) 40px calc(4% + 20px);
}
.apps-container .apps-content.applications {
  min-height: auto;
}
.apps-container .apps-content.applications .permissions-content {
  position: relative;
  padding-top: 30px;
  display: flex;
  min-height: 330px;
  flex-direction: row;
  letter-spacing: 0;
  width: 100%;
}
.apps-container .apps-content.applications .permissions-content .app-permissions-mobile {
  display: none;
}
.apps-container .apps-content.applications .permissions-content .app-permissions .permissions-nav ul,
.apps-container .apps-content.applications .permissions-content .app-permissions-mobile .permissions-nav ul {
  padding-left: 0px;
  padding-bottom: 8px;
}
.apps-container .apps-content.applications .permissions-content .app-permissions .permissions-nav ul .api-link,
.apps-container .apps-content.applications .permissions-content .app-permissions-mobile .permissions-nav ul .api-link {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #000000;
}
.apps-container .apps-content.applications .permissions-content .app-permissions .permissions-nav ul .api-link.active,
.apps-container .apps-content.applications .permissions-content .app-permissions-mobile .permissions-nav ul .api-link.active {
  color: #048A81;
}
.apps-container .apps-content.applications .permissions-content .app-permissions .permissions-nav .tags,
.apps-container .apps-content.applications .permissions-content .app-permissions-mobile .permissions-nav .tags {
  padding-bottom: 20px;
  list-style-type: none;
}
.apps-container .apps-content.applications .permissions-content .app-permissions {
  width: 200px;
  padding-top: 5px;
  background-color: #ffffff;
  border-right: 1px solid #ecedef;
  overflow-y: auto;
  left: 0;
  top: 0;
  transition: left 0.5s;
  z-index: 1;
  position: relative;
  min-height: 250px;
}
.apps-container .apps-content.applications .permissions-content .app-permissions.details-container {
  width: 250px;
}
.apps-container .apps-content.applications .permissions-content .app-permissions.details-container .permissions-nav {
  padding-left: 20px;
}
.apps-container .apps-content.applications .permissions-content .app-permissions.tag-details-container {
  width: calc(100% - 200px - 200px);
  border-right: none;
}
.apps-container .apps-content.applications .permissions-content .app-permissions.tag-details-container .permissions-nav {
  padding-left: 20px;
}
.apps-container .apps-content.applications .permissions-content .navmenu-capabilities {
  margin-bottom: 20px;
}
.apps-container .apps-content.applications .permissions-content .navmenu-capabilities .capability-display {
  text-align: left;
  font-size: 14px;
  padding-left: 30px;
  color: #5a5f62;
  font-weight: 600;
}
.apps-container .apps-content .application-container {
  padding: 0px 0px 60px 0px;
  width: 100%;
}
.apps-container .apps-content .application-container.edit-user-container {
  padding: 60px 0px;
}
.apps-container .apps-content .application-container .no-application {
  padding-top: 45px;
  font-size: 18px;
  text-align: center;
  color: #514c48;
}
.apps-container .details-container {
  overflow-y: auto;
  line-height: normal;
}
.apps-container .applications-noapps {
  text-align: center;
  padding-top: 60px;
  margin-left: 225px;
  margin-right: 225px;
}
.apps-container .applications-noapps .noapps-icon {
  height: 80px;
  display: block;
  margin: auto auto 30px;
}
.apps-container .applications-noapps .noapps-title {
  padding-bottom: 15px;
}
.apps-container .applications-noapps .noapps-content > div {
  padding-top: 50px;
}
.apps-container .applications-noapps .noapps-step {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
}
.apps-container .applications-noapps .noapps-step .step-title {
  font-size: 20px;
  font-weight: 600;
}
.apps-container .applications-noapps .noapps-step .number-circle {
  flex-shrink: 0;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: #ffffff;
  background-color: #00406e;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin-right: 15px;
  line-height: normal;
}
.apps-container .applications-noapps .no-apps-message {
  text-align: center;
  padding-top: 20px;
}
.apps-container .inline-style {
  float: left;
}
.apps-container .link-float {
  display: flex;
  align-items: center;
}
.apps-container .link-float .status {
  margin-left: 10px;
  text-align: center;
  width: 65px;
  height: 28px;
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  border-radius: 8px;
  padding-top: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
}
.apps-container .link-float .status.status-active {
  background-color: #E7FADB;
  color: #008858;
}
.apps-container .link-float .status.status-pending {
  background-color: #FFEEBE;
  color: #756C55;
  width: fit-content;
  padding: 5px 10px 10px 10px;
  max-width: fit-content;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.apps-container .link-float .status.status-pending:hover {
  max-width: 200px;
  overflow: visible;
}
.apps-container .link-float .status.status-pending:touch {
  max-width: 200px;
  overflow: visible;
}
.apps-container .link-float .status.status-deleted {
  color: #AC424A;
  background-color: #FFDCDE;
}
.apps-container .link-float .status.status-information {
  margin-left: 0px;
  width: 84px;
  color: #5a5f62;
  background-color: #f0f4f6;
}
.apps-container .link-float .status.no-margin {
  margin-left: 0px;
}
.apps-container .noapp-icon {
  height: 200px;
  width: 150px;
}
.apps-container .custom-modal .modal-content {
  display: table-header-group;
}
.apps-container .custom-modal .enumModal {
  margin-top: -10px;
}
.apps-container .custom-modal .modal-header {
  display: none;
}
.apps-container #NEWAPP .expiration-checkbox-container {
  display: flex;
  gap: 14px;
}
.apps-container #NEWAPP .expiration-checkbox-container .checkbox #expiryCheckbox {
  height: 16px;
  width: 16px;
}
.apps-container #NEWAPP .expiration-checkbox-container .checkbox #expiryCheckbox .form-group {
  margin-bottom: 0px;
}
.apps-container #NEWAPP .expiration-checkbox-container .checkbox #expiryCheckbox:before {
  content: '';
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 17px;
  display: block;
  height: 16px;
  width: 16px;
  font-family: FontAwesome;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 0px #5E7482;
  outline: 0.5px solid #5E7482;
  border: 1.5px solid #5E7482;
}
.apps-container #NEWAPP .expiration-checkbox-container .checkbox #expiryCheckbox:checked:before {
  content: '';
  background-color: #395FF0;
  background-image: url(/images/marketplace/check-white-bcb1458203b3793aade92b1c1e32b18b.svg);
  background-repeat: no-repeat;
  background-position: -1px 2px;
  background-size: 15px;
  display: block;
  height: 16px;
  width: 16px;
  font-family: FontAwesome;
  border: 1.5px solid #395FF0;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 4px #395FF0;
  outline: 1px solid #395FF0;
}
.apps-container #NEWAPP .checkbox-select-info {
  font-size: 13px;
  font-weight: 400;
  margin-top: 16px;
  color: #5E7482;
}
.api-applications-container .app-title .app-title-icon {
  vertical-align: middle;
  margin-right: 10px;
}
.dropdown-links .api-channel-border {
  border: 1px solid #C2C2C2;
  margin-top: 25px;
  border-radius: 8px;
}
.dropdown-links .api-channel-border .api-channel-nav {
  display: flex;
  gap: 20px;
  margin: 15px 15px 25px 15px;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-icon svg,
.dropdown-links .api-channel-border .api-channel-nav .channel-icon img {
  padding: 10px;
  color: white;
  width: 44px;
  height: 44px;
  left: 50px;
  top: 150px;
  background: #1F2629;
  border-radius: 6px;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details {
  width: 100%;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .channel-header {
  display: flex;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .channel-header .channel-title {
  font-weight: 600;
  font-size: 16px;
  color: #323436;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .channel-header .slide-button {
  margin-left: auto;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .channel-header .slide-button .slide-switch:focus,
.dropdown-links .api-channel-border .api-channel-nav .channel-details .channel-header .slide-button .slide-switch:active {
  outline: none;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .channel-url-block {
  margin-top: 8px;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .channel-url {
  font-size: 14px;
  margin: 0px;
  color: #5E7482;
  margin-bottom: 10px;
  word-break: break-all;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .tbl {
  display: flex;
  gap: 50px;
  margin-top: 25px;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .tbl .tbl-row .table-title {
  color: #5a5f62;
  font-size: 14px;
  font-weight: 600;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .tbl .tbl-row .table-desc {
  font-size: 14px;
  margin: 0px;
  color: #5E7482;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .tbl .tbl-row .password {
  display: flex;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .tbl .tbl-row .password .password-input {
  line-height: 22px;
  word-break: break-all;
  font-size: 14px;
  color: #5E7482;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .tbl .tbl-row .password .password-input-hidden {
  width: 80px;
  height: 20px;
  font-size: 9px;
  line-height: 20px;
  color: #5E7482;
}
.dropdown-links .api-channel-border .api-channel-nav .channel-details .tbl .tbl-row .password .showPassword {
  cursor: pointer;
  margin-top: -5px;
}
.home-container {
  position: relative;
  font-size: 16px;
}
.home-container .content-padding {
  padding-left: 8%;
  padding-right: 8%;
}
.home-container .coming-soon-pill {
  margin-top: auto;
}
.home-container .coming-soon-pill span {
  background: #00935f;
  color: #ffffff;
  border-radius: 15px;
  padding: 3px 10px;
  text-align: center;
}
.home-container .home-top-content {
  position: relative;
  color: #ffffff;
  text-align: left;
  animation: fadeInFast 1s linear;
  display: grid;
}
.home-container .home-top-content-flex {
  display: inline-flex;
  justify-content: space-between;
}
.home-container .home-top-content .home-top-content-media {
  width: 80%;
  height: auto;
}
@media (max-width: 1199px) {
  .home-container .home-top-content .home-top-content-media {
    display: none;
    visibility: hidden;
  }
}
.home-container .home-top-content .home-top-content-video {
  z-index: 1;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.home-container .home-top-content-data {
  width: 50%;
  margin-top: 5%;
}
@media (max-width: 1199px) {
  .home-container .home-top-content-data {
    width: 100%;
  }
}
.home-container .home-top-content-data .home-top-title {
  line-height: 88px;
  font-family: Roobert Light, sans-serif;
  font-size: 72px;
  animation: 2s animlineUp ease-out;
}
.home-container .home-top-content-data .home-top-title b {
  font-family: Roobert Bold, sans-serif;
}
.home-container .home-top-content-data .home-top-desc {
  padding: 30px 0 50px 0;
  font-size: 24px;
  font-family: Roobert, sans-serif;
  line-height: 32px;
  letter-spacing: 0%;
  animation: 2.4s animlineUp 100ms ease-out;
}
@media (max-width: 1199px) {
  .home-container .home-top-content-data .home-top-desc {
    padding: 40px 0;
  }
}
.home-container .home-top-content-data .renderButtons {
  color: #ffffff;
  margin-bottom: 320px;
  animation: fadeInFast 2s ease;
}
.home-container .homestartnow-content {
  margin-top: 120px;
  color: #000000;
  text-align: left;
}
.home-container .homestartnow-content-contain .jsx-parser {
  font-size: 48px;
  font-family: Roobert Light, sans-serif;
}
.home-container .homestartnow-content-contain .jsx-parser b {
  font-family: Roobert, sans-serif;
}
@media (max-width: 767px) {
  .home-container .homestartnow-content-contain .jsx-parser {
    font-size: 24px;
  }
}
.home-container .homestartnow-content-contain .homestartnow-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  margin: 80px 0;
  gap: 80px;
}
.home-container .homestartnow-content-contain .homestartnow-grid .homestartnow-card {
  display: flex;
  flex-direction: column;
  color: #000000;
}
.home-container .homestartnow-content-contain .homestartnow-grid .homestartnow-card .card-title {
  margin: 30px 0 20px 0;
}
.home-container .homestartnow-content-contain .homestartnow-grid .homestartnow-card .card-title h3 {
  color: #000000;
  font-family: Roobert Medium, sans-serif;
  font-size: 22px;
  line-height: 140%;
}
.home-container .homestartnow-content-contain .homestartnow-grid .homestartnow-card .card-desc {
  padding-right: 20px;
  font-size: 16px;
  color: #000000;
  font-family: Roobert, sans-serif;
  line-height: 24px;
  letter-spacing: 0.16px;
}
.home-container .home-value-add {
  margin-top: 3%;
  position: relative;
  color: #000000;
  background-color: #F2F4F5;
}
.home-container .home-value-add .jsx-parser {
  font-size: 48px;
  font-family: Roobert Light, sans-serif;
}
.home-container .home-value-add .jsx-parser b {
  font-family: Roobert, sans-serif;
}
@media (max-width: 767px) {
  .home-container .home-value-add .jsx-parser {
    font-size: 24px;
  }
}
.home-container .home-value-add .home-value-add-container {
  width: 100vw;
  top: 25%;
  left: 0;
  padding-top: 100px;
  display: flex;
  flex-direction: column;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top {
  display: inline-flex;
  justify-content: space-between;
  gap: 100px;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-left {
  max-width: 650px;
  height: 420px;
  line-height: 1.9;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .jsx-parser {
  color: #000000;
  font-family: Roobert Light, sans-serif;
  font-size: 48px;
  line-height: 64px ;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .jsx-parser b {
  font-family: Roobert, sans-serif;
}
@media (max-width: 767px) {
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .jsx-parser {
    font-size: 24px;
  }
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .title {
  padding-top: 60px;
  color: #000000;
  font-family: Roobert, sans-serif;
  font-size: 48px;
  line-height: 64px;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .nav-link {
  padding-bottom: 20px;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .description {
  color: #000000;
  font-family: Roobert, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.36px;
  margin-bottom: 19px;
}
@media (max-width: 768px) {
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .description {
    margin-bottom: 0;
  }
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-right {
  width: 100%;
  height: 506.961px;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .illustration {
  display: none;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .ils-show {
  display: block;
  animation: fadeInFast 1.2s linear;
  z-index: 2;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .ils-show.walletprovisioning {
  width: 538px;
  height: auto;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .ils-show.digitaldynamiccvv {
  width: 538px;
  height: auto;
}
@media (max-width: 480px) {
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .ils-show.transactionEnrichment {
    width: 380px;
    height: auto;
  }
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .ils-show.budget {
  width: 618px;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .ils-show.whitelabel {
  width: 640px;
}
@media (max-width: 768px) {
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .ils-show.whitelabel {
    width: inherit;
  }
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
  margin: 0px 0px 80px 0px;
  border: 1px solid #CCCECF;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(196, 196, 196, 0.2);
  border-bottom: none;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .progress {
  height: 4px;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0px;
  margin-top: -4px;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .progress .progress-bar {
  height: 4px;
  background-color: #048A81;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card-container {
  flex: 1;
  max-height: 58px;
  position: relative;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card-container:not(:last-child) {
  border-right: 1px solid #CCCECF;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card-container.inactive:hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #048A81;
  pointer-events: none;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card-container button {
  height: 58px;
  box-sizing: border-box;
  border-bottom: 1px solid #CCCECF;
  border-radius: 0px;
  font-size: 16px;
  width: 100%;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card-container button:hover:not(.selected) {
  color: #000000;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card-container button.button-collapse:hover {
  border-bottom: 4px solid #395FF0;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card {
  color: #323436;
  background: #ffffff;
  width: 250px;
  border: none;
  box-sizing: content-box;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.16px;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card:active {
  color: #000000;
  font-family: Roobert SemiBold, sans-serif;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .selected {
  display: block;
  color: #000000;
  font-family: Roobert SemiBold, sans-serif;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown {
  display: block;
  max-height: none;
  border-bottom: none;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown .progress {
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-top: none;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown .dropdown-btn {
  width: 100%;
  max-height: 58px;
  border: 0px;
  padding: 0px;
  background-color: transparent;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown .dropdown-btn .dropdown-btn-title {
  display: flex;
  justify-content: space-between;
  padding: 18px 18px;
  color: #048A81;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.32px;
  align-items: center;
  max-height: 58px;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown .dropdown-btn .dropdown-btn-title .fa-chevron-down {
  display: none;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown .dropdown-btn .dropdown-btn-title .fa-chevron-up {
  display: inline;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown .dropdown-btn .dropdown-btn-title.dropdown-btn-collapsed .fa-chevron-down {
  display: inline;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown .dropdown-btn .dropdown-btn-title.dropdown-btn-collapsed .fa-chevron-up {
  display: none;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown .dropdown-btn .dropdown-btn-title svg {
  width: 20px;
  height: 20px;
  color: #5E7482;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown .dropdown-content {
  border-top: 1px solid #DDE3E8;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown .dropdown-content .mobile-dropdown-button {
  width: 100%;
  box-sizing: border-box;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  padding: 20px 40px;
  color: #000000;
  background: #ffffff;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #DDE3E8;
}
.home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown .dropdown-content .mobile-dropdown-button.highlight {
  color: #048A81;
  font-family: Roobert Bold, sans-serif;
}
.home-container .home-value-add .home-value-add-mobile-dropdown .home-value-add-container-bottom.dropdown {
  overflow: hidden;
  border-radius: 10px;
  border-bottom: none;
}
.home-container .home-value-add .home-value-add-mobile-dropdown .dropdown-content {
  border: 1px solid #CCCECF;
  border-top: none;
  border-radius: 0 0 10px 10px;
  background: #ffffff;
}
.home-container .home-value-add .home-value-add-mobile-dropdown .dropdown-content .mobile-dropdown-button {
  width: 100%;
  box-sizing: border-box;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  padding: 20px 40px;
  color: #000000;
  background: #ffffff;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #DDE3E8;
}
.home-container .home-value-add .home-value-add-mobile-dropdown .dropdown-content .mobile-dropdown-button.highlight {
  color: #048A81;
  font-family: Roobert Bold, sans-serif;
}
.home-container .home-discover-more {
  width: 100%;
  margin: 40px 0 100px 0;
  text-align: left;
  color: #000000;
  margin-top: 120px;
}
@media (max-width: 767px) {
  .home-container .home-discover-more {
    margin: 40px 0 20px 0;
  }
}
.home-container .home-discover-more .jsx-parser {
  color: #000000;
  font-family: Roobert Light, sans-serif;
  font-size: 48px;
  line-height: 64px;
  font-family: Roobert, sans-serif;
}
@media (max-width: 767px) {
  .home-container .home-discover-more .jsx-parser {
    font-size: 24px;
  }
}
.home-container .home-discover-more .title {
  padding-top: 30px;
  color: #000000;
  font-weight: 600;
}
.home-container .home-discover-more .desc {
  padding-top: 40px;
  padding-bottom: 80px;
  max-width: 90%;
  font-size: 20px;
  color: #000000;
  font-family: Roobert, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.36px;
  margin-bottom: 0;
}
.home-container .home-discover-more .spot-item {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.home-container .home-discover-more .spot-item .section-card-image {
  border-bottom: 1px solid #DDE3E8;
  height: 190px;
  width: 100%;
}
.home-container .home-discover-more .spot-item .spot-item-card {
  padding: 29px 30px 40px 30px;
}
.home-container .home-discover-more .spot-item h3 {
  padding: 20px 0;
  color: #000000;
  font-family: Roobert Medium, sans-serif;
  font-size: 22px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .home-container .home-discover-more .spot-item h3 {
    padding: 0px 0px 20px 0;
  }
}
.home-container .home-discover-more .spot-item p {
  color: #000000;
  font-family: Roobert, sans-serif;
  line-height: 24px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .home-container .home-discover-more .spot-item p {
    margin-bottom: 24px;
  }
}
.home-container .home-discover-more .spot-item .learn-more-link a {
  color: #000000;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  line-height: 110%;
  text-transform: uppercase;
}
.home-container .home-discover-more .spot-item .learn-more-link img {
  display: initial;
  width: 36px;
  height: 26px;
  padding: 3.27px 2.72px 3.267px 3px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .home-container .home-discover-more .spot-item .learn-more-link img {
    width: 25px;
    height: 20px;
  }
}
.home-container .home-discover-more .spot-item .learn-more-link:hover {
  cursor: pointer;
}
.home-container .home-discover-more .spot-item .learn-more-link:hover img {
  content: url("/images/icons/arrow-right-hover-34829ffa2261d3162d2d7696af19b50d.svg");
  transform: translateX(5px);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .home-container .home-discover-more .spot-item .learn-more-link:hover img {
    height: 20px;
    width: 25px;
  }
}
.home-container .home-discover-more .spotlight-cards {
  display: flex;
  flex-direction: row;
  gap: 35px;
  justify-content: flex-start;
}
.home-container .home-discover-more .spotlight-cards .spot-item {
  border: 1px solid #dde3e8;
  max-width: 570px;
}
.home-container .home-stats {
  font-family: Roobert, sans-serif;
  position: relative;
  color: #ffffff;
  background: #000000;
}
.home-container .home-stats-contain {
  text-align: left;
  top: 22%;
  left: 0;
  padding-top: 150px;
}
.home-container .home-stats-contain .jsx-parser {
  color: #ffffff;
  font-family: Roobert, sans-serif;
  font-size: 48px;
  line-height: 64px;
  margin-bottom: 30px;
}
.home-container .home-stats-contain .jsx-parser b {
  font-family: Roobert Bold, sans-serif;
}
@media (max-width: 767px) {
  .home-container .home-stats-contain .jsx-parser {
    font-size: 24px;
  }
}
.home-container .home-stats-contain .stats-title {
  text-align: left;
  margin: 30px 0 60px 0;
  font-weight: 600;
}
.home-container .home-stats-contain .stats-desc {
  margin: 30px 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: Roobert, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.36px;
}
.home-container .home-stats-contain .stats-values {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 60px 0;
}
.home-container .home-stats-contain .stats-values h2 {
  color: #4BCD3E;
  font-size: 48px;
  line-height: 48px;
  font-family: Roobert Light, sans-serif;
}
.home-container .home-stats-contain .stats-values-type {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 10px;
}
.home-container .home-stats-contain .stats-values-type span {
  font-size: 16px;
  color: #FFFFFFBF;
  padding-right: 30px;
  font-family: Roobert, sans-serif;
  line-height: 24px;
  letter-spacing: 0.16px;
}
.home-container .home-stats-contain-illustration {
  margin: 0 auto 80px auto;
  width: 100%;
}
.home-container .home-stats-contain-illustration .home-stats-content-video {
  width: 100%;
}
.home-container .home-stats-contain-illustration img {
  display: block;
  margin: 0 auto;
  padding-top: 8%;
  transform: scale(1.3);
}
.home-content-padding {
  padding: 1% 8%;
}
@media (min-width: 1920px) {
  .home-container .home-top-content-data .home-top-title {
    font-size: 88px;
  }
  .home-container .home-top-content-data .home-top-desc {
    font-size: 30px;
    line-height: 32px;
  }
  .home-container .home-top-content-data .renderButtons #registration {
    width: 220px;
    height: 50px;
  }
  .home-container .home-top-content-data .renderButtons span {
    font-size: 18px !important;
  }
  .home-container .homestartnow-content .title {
    font-size: 40px;
  }
  .home-container .homestartnow-content .homestartnow-grid {
    margin: 45px 0;
    gap: 45px;
  }
  .home-container .homestartnow-content .homestartnow-grid .homestartnow-card .card-title h3 {
    font-size: 24px;
  }
  .home-container .homestartnow-content .homestartnow-grid .homestartnow-card .card-desc {
    font-size: 20px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left {
    max-width: 850px;
    height: 550px;
    line-height: 1.9;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .title {
    font-size: 40px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .nav-link {
    font-size: 24px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .description {
    font-size: 24px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card {
    padding: 14px 40px;
    font-size: 16px;
  }
  .home-container .home-discover-more .title {
    font-size: 40px;
  }
  .home-container .home-discover-more .desc {
    font-size: 20px;
  }
  .home-container .home-discover-more .spot-item {
    justify-content: normal;
  }
  .home-container .home-discover-more .spot-item .spot-item-card {
    height: 100%;
    position: relative;
  }
  .home-container .home-discover-more .spot-item .spot-item-card .learn-more-link {
    position: absolute;
    bottom: 40px;
  }
  .home-container .home-discover-more .spot-item h3 {
    padding: 30px 0;
    font-size: 28px;
  }
  .home-container .home-discover-more .spot-item p {
    font-size: 20px;
  }
  .home-container .home-stats-contain .stats-title {
    font-size: 40px;
  }
  .home-container .home-stats-contain .stats-desc {
    font-size: 24px;
  }
  .home-container .home-stats-contain .stats-values-type {
    gap: 10px;
  }
  .home-container .home-stats-contain .stats-values-type span {
    font-size: 20px;
    padding-right: 60px;
  }
  .home-container .home-stats-contain-illustration {
    margin: 0 auto;
  }
  .home-container .home-stats-contain-illustration img {
    transform: scale(1.5);
  }
}
@media (min-width: 3840px) {
  .home-container {
    font-size: 24px !important;
  }
  .home-container .home-top-content-data .home-top-title {
    font-size: 96px;
  }
  .home-container .home-top-content-data .home-top-desc {
    font-size: 36px;
    line-height: 32px;
  }
  .home-container .home-top-content-data .renderButtons #registration {
    width: 240px;
    height: 54px;
  }
  .home-container .home-top-content-data .renderButtons span {
    font-size: 24px !important;
  }
  .home-container .homestartnow-content .title {
    font-size: 46px;
  }
  .home-container .homestartnow-content .homestartnow-grid {
    margin: 90px 0;
    gap: 60px;
  }
  .home-container .homestartnow-content .homestartnow-grid .homestartnow-card .card-title h3 {
    font-size: 30px;
  }
  .home-container .homestartnow-content .homestartnow-grid .homestartnow-card .card-desc {
    font-size: 24px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left {
    max-width: 1050px;
    line-height: 1.9;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .title {
    font-size: 46px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .nav-link {
    font-size: 30px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .description {
    font-size: 30px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right {
    width: 50%;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card {
    padding: 14px 40px;
    font-size: 16px;
    width: 360px;
  }
  .home-container .home-discover-more .title {
    font-size: 46px;
  }
  .home-container .home-discover-more .desc {
    font-size: 24px;
  }
  .home-container .home-discover-more .spot-item {
    height: 540px;
  }
  .home-container .home-discover-more .spot-item h3 {
    padding: 30px 0;
    font-size: 36px;
  }
  .home-container .home-discover-more .spot-item p {
    font-size: 24px;
  }
  .home-container .home-stats-contain .stats-desc {
    font-size: 30px;
  }
  .home-container .home-stats-contain .stats-values-type {
    gap: 30px;
  }
  .home-container .home-stats-contain .stats-values-type h2 {
    font-size: 38px;
  }
  .home-container .home-stats-contain .stats-values-type span {
    font-size: 24px;
    padding-right: 200px;
  }
  .home-container .home-stats-contain-illustration {
    margin: 0 auto;
  }
  .home-container .home-stats-contain-illustration img {
    transform: scale(1.7);
  }
}
@media (min-width: 3200px) {
  .home-container {
    font-size: 30px !important;
  }
  .home-container .home-top-content-data .home-top-title {
    font-size: 106px;
    line-height: 1.4;
  }
  .home-container .home-top-content-data .home-top-desc {
    font-size: 42px;
  }
  .home-container .home-top-content-data .renderButtons #registration {
    width: 285px;
    height: 64px;
  }
  .home-container .home-top-content-data .renderButtons span {
    font-size: 30px !important;
  }
  .home-container .homestartnow-content .title {
    font-size: 54px;
  }
  .home-container .homestartnow-content .homestartnow-grid {
    margin: 120px 0;
    gap: 90px;
  }
  .home-container .homestartnow-content .homestartnow-grid .homestartnow-card {
    gap: 20px;
  }
  .home-container .homestartnow-content .homestartnow-grid .homestartnow-card .card-title h3 {
    font-size: 40px;
  }
  .home-container .homestartnow-content .homestartnow-grid .homestartnow-card .card-desc {
    font-size: 30px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left {
    max-width: 1250px;
    height: 850px;
    line-height: 1.9;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .title {
    font-size: 54px;
    padding-bottom: 45px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .nav-link {
    font-size: 36px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .description {
    font-size: 36px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .illustration {
    padding: 90px 90px 0 0;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card {
    font-size: 16px;
  }
  .home-container .home-discover-more .title {
    font-size: 54px;
  }
  .home-container .home-discover-more .desc {
    font-size: 30px;
  }
  .home-container .home-discover-more .spot-item {
    height: 600px;
  }
  .home-container .home-discover-more .spot-item h3 {
    padding: 36px 0;
    font-size: 42px;
  }
  .home-container .home-discover-more .spot-item p {
    font-size: 30px;
  }
  .home-container .home-stats-contain .stats-desc {
    font-size: 36px;
  }
  .home-container .home-stats-contain .stats-values-type {
    gap: 60px;
  }
  .home-container .home-stats-contain .stats-values-type h2 {
    font-size: 48px;
  }
  .home-container .home-stats-contain .stats-values-type span {
    font-size: 30px;
  }
}
@media (min-width: 3840px) {
  .home-container .home-top-content-data .home-top-title {
    font-size: 126px;
    line-height: 1.5;
  }
  .home-container .home-top-content-data .home-top-desc {
    font-size: 54px;
  }
  .home-container .home-top-content-data .renderButtons #registration {
    width: 385px;
    height: 120px;
  }
  .home-container .home-top-content-data .renderButtons span {
    font-size: 36px !important;
  }
  .home-container .homestartnow-content .title {
    font-size: 66px;
  }
  .home-container .homestartnow-content .homestartnow-grid .homestartnow-card {
    gap: 30px;
  }
  .home-container .homestartnow-content .homestartnow-grid .homestartnow-card .card-title h3 {
    font-size: 46px;
  }
  .home-container .homestartnow-content .homestartnow-grid .homestartnow-card .card-desc {
    font-size: 36px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left {
    max-width: 1650px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .title {
    font-size: 60px;
    padding-bottom: 60px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .nav-link {
    font-size: 42px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .illustration {
    padding: 120px 120px 0 0;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card {
    font-size: 16px;
    width: 460px;
  }
  .home-container .home-discover-more .title {
    font-size: 60px;
  }
  .home-container .home-discover-more .desc {
    font-size: 36px;
  }
  .home-container .home-discover-more .spot-item {
    height: 680px;
  }
  .home-container .home-discover-more .spot-item h3 {
    padding: 60px 0;
    font-size: 48px;
  }
  .home-container .home-stats-contain .stats-desc {
    font-size: 42px;
  }
  .home-container .home-stats-contain .stats-values-type h2 {
    font-size: 54px;
  }
  .home-container .home-stats-contain .stats-values-type span {
    font-size: 36px;
  }
}
@media (max-width: 1400px) {
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top {
    gap: 0px;
  }
  .home-container .home-value-add .home-value-add-container-top-right .illustration {
    transform: scale(0.8);
  }
  .home-container .home-value-add .home-value-add-container-bottom .button-card {
    width: 200px;
  }
  .home-container .home-stats-contain {
    top: 20%;
  }
}
@media (max-width: 1399px) {
  .home-container .home-top-content-data {
    top: 15%;
    max-width: 100%;
  }
  .home-container .home-value-add .home-value-add-container {
    top: 16%;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card {
    width: max-content;
    font-size: 16px;
    padding: 14px 10px;
    margin: auto;
  }
  .home-container .home-stats-contain .stats-values {
    padding: 30px 0;
    margin: 0;
  }
  .home-container .home-stats-contain .illustration {
    padding-top: 0;
    transform: scale(0.7);
  }
}
@media (max-width: 1199px) {
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top {
    display: flex;
    flex-direction: column;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left {
    max-width: 100%;
    height: 400px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .nav-link {
    padding-bottom: 30px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left {
    height: 350px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .description {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .home-container .home-top-content-data {
    top: 10%;
    left: 0;
  }
  .home-container .home-top-content-data .home-top-title {
    font-size: 60px;
    line-height: 70px;
  }
  .home-container .home-top-content-data .home-top-desc {
    font-size: 20px;
    padding: 20px 0 30px 0;
  }
  .home-container .home-top-content-data .renderButtons {
    margin-bottom: 0px;
    padding-bottom: 60px;
  }
  .home-container .home-top-content-data .renderButtons #registration {
    width: 220px;
  }
  .home-container .homestartnow-content {
    margin-top: 40px;
  }
  .home-container .homestartnow-content .title {
    font-size: 28px;
  }
  .home-container .homestartnow-content .homestartnow-grid {
    margin: 20px 0;
    gap: 40px;
    grid-template-columns: auto auto;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left {
    height: 300px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .title {
    padding-top: 30px;
    font-size: 28px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .description {
    font-size: 15px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-left .nav-link {
    margin-top: 0;
  }
  .home-container .home-discover-more .title {
    font-size: 28px;
  }
  .home-container .home-discover-more .desc {
    font-size: 16px;
    padding-bottom: 40px;
  }
  .home-container .home-discover-more .carousel-inner {
    width: 370px;
    margin: 0 auto;
  }
  .home-container .home-discover-more .spot-item img {
    height: 123px;
  }
  .home-container .home-discover-more .spot-item h3 {
    font-size: 22px;
  }
  .home-container .home-discover-more .spot-item p {
    font-size: 14px;
  }
  .home-container .home-stats-contain {
    top: 14%;
  }
  .home-container .home-stats-contain .stats-desc {
    font-size: 16px;
  }
  .home-container .home-stats-contain .stats-values {
    padding: 15px 0 0 0;
    margin: 0;
  }
  .home-container .home-stats-contain .stats-values-type h2 {
    font-size: 28px;
  }
  .home-container .home-stats-contain .home-stats-contain-illustration {
    margin: 60px auto 60px auto;
  }
}
@media (max-width: 767px) {
  .home-container .home-content-padding {
    padding: 0px 16px 16px 16px;
  }
  .home-container .home-top-content-data {
    top: 7%;
  }
  .home-container .home-top-content-data .home-top-title {
    font-size: 50px;
  }
  .home-container .home-top-content-data .home-top-desc {
    line-height: 32px;
    padding: 20px 0 30px 0;
  }
  .home-container .home-value-add .expand {
    height: 1350px;
  }
  .home-container .home-value-add .home-value-add-container {
    top: 16%;
    padding-top: 50px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right {
    flex: 1;
    width: 100%;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .ils-show {
    display: block;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .ils-show.walletprovisioning,
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .ils-show.budget {
    height: auto;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom {
    flex-direction: column;
    margin: 0px auto 40px auto;
    width: 100%;
    max-height: 58px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom.dropdown {
    max-height: none;
    border-bottom: 1px solid #CCCECF;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card-container {
    border-bottom: 1px solid #048A81;
    width: 100%;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card-container.inactive {
    color: #5E7482;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-card {
    padding: 14px 40px;
    width: auto;
    text-align: left;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .button-collapse {
    display: none;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom .selected {
    display: flex;
    flex-direction: row;
    border-bottom: none;
    justify-content: space-between;
  }
  .home-container .home-stats-contain {
    max-width: 100vw;
    padding: 40px 12px 100px 12px;
  }
  .home-container .home-stats-contain .jsx-parser {
    font-size: 24px;
  }
  .home-container .home-stats-contain .stats-values {
    z-index: 1;
    display: grid;
    grid-template-columns: auto auto;
    padding: 50px 0 0 0;
    margin: 0;
    gap: 30px;
  }
  .home-container .home-stats-contain .stats-values-type h2 {
    font-size: 32px;
  }
  .home-container .home-stats-contain .home-stats-contain-illustration {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: scale(0.9);
    display: none;
    visibility: hidden;
  }
  .home-container .home-discover-more .spot-item .spot-item-card {
    padding: 24px 18px 28px 18px;
  }
}
@media (max-width: 575px) {
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .ils-show {
    display: block;
  }
}
@media (max-width: 480px) {
  .home-content-padding {
    padding: 16px 16px;
  }
  .home-container .home-top-content-data .home-top-title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
  }
  .home-container .home-top-content-data .home-top-desc {
    line-height: 32px;
  }
  .home-container .home-top-content-data .renderButtons {
    margin-bottom: 0px;
  }
  .home-container .homestartnow-content .jsx-parser {
    font-size: 24px;
    padding-bottom: 16px;
  }
  .home-container .homestartnow-content .homestartnow-grid {
    grid-template-columns: auto;
  }
  .home-container .homestartnow-content .homestartnow-grid .homestartnow-card .card-title h3 {
    font-size: 18px;
  }
  .home-container .home-value-add .expand {
    height: 1300px;
  }
  .home-container .home-value-add .home-value-add-container {
    top: 15%;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top {
    padding-top: 60px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right {
    padding-top: 50px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .gallery-container {
    margin-top: 60px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right .gallery-container .ils-show {
    width: 300px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-bottom {
    flex-direction: column;
    margin: 0 auto;
  }
  .home-container .home-discover-more .carousel-inner {
    width: 100%;
    margin-left: 0;
  }
  .home-container .home-discover-more .spot-item h3 {
    font-size: 18px;
  }
  .home-container .home-stats-contain .stats-values {
    grid-template-columns: auto;
  }
}
@media (max-width: 480px) {
  .home-container .home-top-content-data .home-top-title {
    font-size: 36px;
    line-height: 46px;
  }
  .home-container .home-top-content-data .renderButtons {
    margin-bottom: 0px;
    padding-bottom: 60px;
  }
  .home-container .home-value-add .home-value-add-container .home-value-add-container-top-right {
    padding-top: 0px;
  }
}
@media (min-width: 2160px) {
  .home-content-padding {
    padding: 1% 20%;
  }
}
.devresources-container,
.api-nav-container,
.solutions-guides-container,
.guides-child-content {
  position: relative;
}
.devresources-container .devresources-content,
.api-nav-container .devresources-content,
.solutions-guides-container .devresources-content,
.guides-child-content .devresources-content {
  padding: 1.5% 8% 18% 7.2%;
}
.devresources-container .devresources-content .devresources-disclaimer,
.api-nav-container .devresources-content .devresources-disclaimer,
.solutions-guides-container .devresources-content .devresources-disclaimer,
.guides-child-content .devresources-content .devresources-disclaimer {
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
  width: fit-content;
  border: 1px solid #395FF0;
  background-color: #E8F0FE;
  border-radius: 8px;
  display: flex;
  gap: 18px;
  max-width: 600px;
  min-height: 140px;
}
.devresources-container .devresources-content .devresources-disclaimer svg,
.api-nav-container .devresources-content .devresources-disclaimer svg,
.solutions-guides-container .devresources-content .devresources-disclaimer svg,
.guides-child-content .devresources-content .devresources-disclaimer svg {
  color: #395FF0;
  margin-top: 4px;
}
.devresources-container .devresources-content .devresources-disclaimer .devresources-disclaimer-header,
.api-nav-container .devresources-content .devresources-disclaimer .devresources-disclaimer-header,
.solutions-guides-container .devresources-content .devresources-disclaimer .devresources-disclaimer-header,
.guides-child-content .devresources-content .devresources-disclaimer .devresources-disclaimer-header {
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
  line-height: 24px;
  color: #000000;
  margin-bottom: 0px;
}
.devresources-container .devresources-content .devresources-disclaimer .devresources-disclaimer-content,
.api-nav-container .devresources-content .devresources-disclaimer .devresources-disclaimer-content,
.solutions-guides-container .devresources-content .devresources-disclaimer .devresources-disclaimer-content,
.guides-child-content .devresources-content .devresources-disclaimer .devresources-disclaimer-content {
  font-size: 14px;
  font-family: Roobert, sans-serif;
  line-height: 24px;
  color: #000000;
  padding-top: 4px;
  margin-bottom: 0px;
}
.devresources-container .devresources-content .devresources-disclaimer .devresources-disclaimer-change,
.api-nav-container .devresources-content .devresources-disclaimer .devresources-disclaimer-change,
.solutions-guides-container .devresources-content .devresources-disclaimer .devresources-disclaimer-change,
.guides-child-content .devresources-content .devresources-disclaimer .devresources-disclaimer-change {
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
  line-height: 24px;
  color: #395FF0;
  margin-top: 6px;
  width: fit-content;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .devresources-container .devresources-content,
  .api-nav-container .devresources-content,
  .solutions-guides-container .devresources-content,
  .guides-child-content .devresources-content {
    padding: 1.5% 3% 14% 3%;
  }
  .devresources-container .devresources-content .devresources-disclaimer,
  .api-nav-container .devresources-content .devresources-disclaimer,
  .solutions-guides-container .devresources-content .devresources-disclaimer,
  .guides-child-content .devresources-content .devresources-disclaimer {
    display: inline-flex;
  }
}
.devresources-container .devresources-content .devresources-overview-header,
.api-nav-container .devresources-content .devresources-overview-header,
.solutions-guides-container .devresources-content .devresources-overview-header,
.guides-child-content .devresources-content .devresources-overview-header {
  background-color: transparent;
}
.devresources-container .devresources-content .devresources-overview-header h2.header-title,
.api-nav-container .devresources-content .devresources-overview-header h2.header-title,
.solutions-guides-container .devresources-content .devresources-overview-header h2.header-title,
.guides-child-content .devresources-content .devresources-overview-header h2.header-title {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  font-family: Roobert Bold, sans-serif;
  font-size: 36px;
}
.devresources-container .devresources-content .devresources-overview-header h3.header-overview,
.api-nav-container .devresources-content .devresources-overview-header h3.header-overview,
.solutions-guides-container .devresources-content .devresources-overview-header h3.header-overview,
.guides-child-content .devresources-content .devresources-overview-header h3.header-overview {
  padding-top: 30px;
  font-family: Roobert Bold, sans-serif;
  font-size: 16px;
}
.devresources-container .devresources-content .devresources-overview-header h2.header-api-overview,
.api-nav-container .devresources-content .devresources-overview-header h2.header-api-overview,
.solutions-guides-container .devresources-content .devresources-overview-header h2.header-api-overview,
.guides-child-content .devresources-content .devresources-overview-header h2.header-api-overview {
  padding-top: 24px;
  font-family: Roobert Medium, sans-serif;
  font-size: 24px;
  color: #000000;
}
.devresources-container .devresources-content .devresources-overview-header h2.header-api-overview.leading-icon,
.api-nav-container .devresources-content .devresources-overview-header h2.header-api-overview.leading-icon,
.solutions-guides-container .devresources-content .devresources-overview-header h2.header-api-overview.leading-icon,
.guides-child-content .devresources-content .devresources-overview-header h2.header-api-overview.leading-icon {
  padding-left: 18px;
}
.devresources-container .devresources-content .devresources-overview-header .apihost-header-title,
.api-nav-container .devresources-content .devresources-overview-header .apihost-header-title,
.solutions-guides-container .devresources-content .devresources-overview-header .apihost-header-title,
.guides-child-content .devresources-content .devresources-overview-header .apihost-header-title {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  font-family: Roobert Bold, sans-serif;
  font-size: 36px;
}
.devresources-container .devresources-content .devresources-overview-header .hmac-header-title,
.api-nav-container .devresources-content .devresources-overview-header .hmac-header-title,
.solutions-guides-container .devresources-content .devresources-overview-header .hmac-header-title,
.guides-child-content .devresources-content .devresources-overview-header .hmac-header-title {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  font-family: Roobert Bold, sans-serif;
  font-size: 36px;
}
.devresources-container .devresources-content .devresources-overview-header p.overview-intro-text,
.api-nav-container .devresources-content .devresources-overview-header p.overview-intro-text,
.solutions-guides-container .devresources-content .devresources-overview-header p.overview-intro-text,
.guides-child-content .devresources-content .devresources-overview-header p.overview-intro-text {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  text-align: left;
  padding-top: 20px;
  color: #000000;
  vertical-align: middle;
  line-height: 26px;
}
.devresources-container .devresources-content .devresources-overview-header .solid-line,
.api-nav-container .devresources-content .devresources-overview-header .solid-line,
.solutions-guides-container .devresources-content .devresources-overview-header .solid-line,
.guides-child-content .devresources-content .devresources-overview-header .solid-line {
  margin-top: 50px;
  margin-bottom: 24px;
  background-color: #dde3e8;
  height: 1px;
  width: 100%;
  margin-left: 0px;
}
.devresources-container .devresources-content .devresources-overview-details .hmac-overview-title,
.api-nav-container .devresources-content .devresources-overview-details .hmac-overview-title,
.solutions-guides-container .devresources-content .devresources-overview-details .hmac-overview-title,
.guides-child-content .devresources-content .devresources-overview-details .hmac-overview-title {
  padding-top: 24px;
  font-family: Roobert Medium, sans-serif;
  font-size: 24px;
  color: #000000;
  padding-bottom: 20px;
}
.devresources-container .devresources-content .devresources-overview-details .hmac-text-message,
.api-nav-container .devresources-content .devresources-overview-details .hmac-text-message,
.solutions-guides-container .devresources-content .devresources-overview-details .hmac-text-message,
.guides-child-content .devresources-content .devresources-overview-details .hmac-text-message {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 26px;
}
.devresources-container .devresources-content .devresources-overview-details .hmac-solid-line,
.api-nav-container .devresources-content .devresources-overview-details .hmac-solid-line,
.solutions-guides-container .devresources-content .devresources-overview-details .hmac-solid-line,
.guides-child-content .devresources-content .devresources-overview-details .hmac-solid-line {
  margin-top: 50px;
  margin-bottom: 45px;
  background-color: #dde3e8;
  width: 100%;
  margin-left: 0px;
  border-bottom: 1px solid #dde3e8;
}
.devresources-container .devresources-content .devresources-overview-details .hmac-generator-tool,
.api-nav-container .devresources-content .devresources-overview-details .hmac-generator-tool,
.solutions-guides-container .devresources-content .devresources-overview-details .hmac-generator-tool,
.guides-child-content .devresources-content .devresources-overview-details .hmac-generator-tool {
  font-family: Roobert Medium, sans-serif;
  font-size: 24px;
  color: #000000;
  padding-bottom: 20px;
}
.devresources-container .devresources-content .devresources-overview-details .Select-placeholder,
.api-nav-container .devresources-content .devresources-overview-details .Select-placeholder,
.solutions-guides-container .devresources-content .devresources-overview-details .Select-placeholder,
.guides-child-content .devresources-content .devresources-overview-details .Select-placeholder,
.devresources-container .devresources-content .devresources-overview-details .Select--single > .Select-control .Select-value,
.api-nav-container .devresources-content .devresources-overview-details .Select--single > .Select-control .Select-value,
.solutions-guides-container .devresources-content .devresources-overview-details .Select--single > .Select-control .Select-value,
.guides-child-content .devresources-content .devresources-overview-details .Select--single > .Select-control .Select-value {
  color: #000000;
}
.devresources-container .devresources-content .devresources-overview-details .hmac-results,
.api-nav-container .devresources-content .devresources-overview-details .hmac-results,
.solutions-guides-container .devresources-content .devresources-overview-details .hmac-results,
.guides-child-content .devresources-content .devresources-overview-details .hmac-results {
  font-family: Roobert Medium, sans-serif;
  font-size: 24px;
  color: #000000;
  padding-bottom: 30px;
}
.devresources-container .devresources-content .devresources-overview-details h2.operation-title,
.api-nav-container .devresources-content .devresources-overview-details h2.operation-title,
.solutions-guides-container .devresources-content .devresources-overview-details h2.operation-title,
.guides-child-content .devresources-content .devresources-overview-details h2.operation-title {
  padding-top: 24px;
  font-family: Roobert Medium, sans-serif;
  font-size: 24px;
  color: #000000;
}
.devresources-container .devresources-content .devresources-overview-details h4.operation-title,
.api-nav-container .devresources-content .devresources-overview-details h4.operation-title,
.solutions-guides-container .devresources-content .devresources-overview-details h4.operation-title,
.guides-child-content .devresources-content .devresources-overview-details h4.operation-title {
  font-family: Roobert, sans-serif;
  font-size: 18px;
  color: #000000;
  padding-top: 5px;
  margin-top: 10px;
}
.devresources-container .devresources-content .devresources-overview-details .operation-desc,
.api-nav-container .devresources-content .devresources-overview-details .operation-desc,
.solutions-guides-container .devresources-content .devresources-overview-details .operation-desc,
.guides-child-content .devresources-content .devresources-overview-details .operation-desc {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
  padding-top: 20px;
  line-height: 26px;
}
.devresources-container .devresources-content .devresources-overview-details .operation-desc-link,
.api-nav-container .devresources-content .devresources-overview-details .operation-desc-link,
.solutions-guides-container .devresources-content .devresources-overview-details .operation-desc-link,
.guides-child-content .devresources-content .devresources-overview-details .operation-desc-link {
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  color: #000000;
  padding-bottom: 15px;
}
.devresources-container .devresources-content .devresources-overview-details .solid-line,
.api-nav-container .devresources-content .devresources-overview-details .solid-line,
.solutions-guides-container .devresources-content .devresources-overview-details .solid-line,
.guides-child-content .devresources-content .devresources-overview-details .solid-line {
  margin-top: 50px;
  margin-bottom: 20px;
  background-color: #dde3e8;
  height: 1px;
  width: 100%;
  margin-left: 0px;
}
.devresources-container .devresources-content .devresources-instructions,
.api-nav-container .devresources-content .devresources-instructions,
.solutions-guides-container .devresources-content .devresources-instructions,
.guides-child-content .devresources-content .devresources-instructions {
  overflow: hidden;
  padding-bottom: 30px;
  padding-top: 40px;
  width: 100%;
}
.devresources-container .devresources-content .devresources-instructions .text-center,
.api-nav-container .devresources-content .devresources-instructions .text-center,
.solutions-guides-container .devresources-content .devresources-instructions .text-center,
.guides-child-content .devresources-content .devresources-instructions .text-center {
  font-family: Roobert Bold, sans-serif;
  font-size: 20px;
  padding-top: 10px;
  color: #00406e;
}
.devresources-container .devresources-content .devresources-instructions .text-center.button-text-camelCase,
.api-nav-container .devresources-content .devresources-instructions .text-center.button-text-camelCase,
.solutions-guides-container .devresources-content .devresources-instructions .text-center.button-text-camelCase,
.guides-child-content .devresources-content .devresources-instructions .text-center.button-text-camelCase {
  text-transform: none;
}
.devresources-container .devresources-content .devresources-instructions .text-center-steps,
.api-nav-container .devresources-content .devresources-instructions .text-center-steps,
.solutions-guides-container .devresources-content .devresources-instructions .text-center-steps,
.guides-child-content .devresources-content .devresources-instructions .text-center-steps {
  font-family: Roobert, sans-serif;
  font-size: 18px;
  color: #000000;
  text-align: center;
  padding-bottom: 10px;
}
.devresources-container .devresources-content .devresources-instructions .text-center-desc,
.api-nav-container .devresources-content .devresources-instructions .text-center-desc,
.solutions-guides-container .devresources-content .devresources-instructions .text-center-desc,
.guides-child-content .devresources-content .devresources-instructions .text-center-desc {
  padding-top: 10px;
  padding-right: 10%;
  padding-left: 10%;
  text-align: center;
  font-family: Roobert, sans-serif;
  color: #000000;
  font-size: 14px;
}
.devresources-container .devresources-content .devresources-instructions .resources-icons,
.api-nav-container .devresources-content .devresources-instructions .resources-icons,
.solutions-guides-container .devresources-content .devresources-instructions .resources-icons,
.guides-child-content .devresources-content .devresources-instructions .resources-icons {
  height: 80px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
.devresources-container .devresources-content .devresources-instructions .progress-outer-div,
.api-nav-container .devresources-content .devresources-instructions .progress-outer-div,
.solutions-guides-container .devresources-content .devresources-instructions .progress-outer-div,
.guides-child-content .devresources-content .devresources-instructions .progress-outer-div {
  background-color: #E8F0FE;
  border-radius: 6px;
  position: relative;
  height: 6px;
}
.devresources-container .devresources-content .devresources-instructions .progress-inner-div,
.api-nav-container .devresources-content .devresources-instructions .progress-inner-div,
.solutions-guides-container .devresources-content .devresources-instructions .progress-inner-div,
.guides-child-content .devresources-content .devresources-instructions .progress-inner-div {
  background-color: #3F64F2;
  height: 6px;
  width: 0%;
  border-radius: 6px;
}
.devresources-container .devresources-content .devresources-instructions .content-download-span,
.api-nav-container .devresources-content .devresources-instructions .content-download-span,
.solutions-guides-container .devresources-content .devresources-instructions .content-download-span,
.guides-child-content .devresources-content .devresources-instructions .content-download-span {
  position: relative;
  font-size: 16px;
  bottom: 0px;
  top: 2px;
}
@keyframes move {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(calc(7/2*100%), 0);
  }
}
.devresources-container .devresources-content .sdk-title,
.api-nav-container .devresources-content .sdk-title,
.solutions-guides-container .devresources-content .sdk-title,
.guides-child-content .devresources-content .sdk-title {
  padding-bottom: 15px;
}
.devresources-container .devresources-content .sdk-desc,
.api-nav-container .devresources-content .sdk-desc,
.solutions-guides-container .devresources-content .sdk-desc,
.guides-child-content .devresources-content .sdk-desc {
  padding-bottom: 15px;
  text-align: center;
  color: #00406e;
}
.devresources-container .devresources-content .custom-icon-width,
.api-nav-container .devresources-content .custom-icon-width,
.solutions-guides-container .devresources-content .custom-icon-width,
.guides-child-content .devresources-content .custom-icon-width {
  width: 100%;
  margin: auto;
}
.devresources-container .devresources-content .custom-api-width,
.api-nav-container .devresources-content .custom-api-width,
.solutions-guides-container .devresources-content .custom-api-width,
.guides-child-content .devresources-content .custom-api-width {
  width: 100%;
  margin: auto;
}
.devresources-container .devresources-content .custom-api-host-box-generator,
.api-nav-container .devresources-content .custom-api-host-box-generator,
.solutions-guides-container .devresources-content .custom-api-host-box-generator,
.guides-child-content .devresources-content .custom-api-host-box-generator {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: auto auto;
  gap: 40px 40px;
}
@media (max-width: 1199px) {
  .devresources-container .devresources-content .custom-api-host-box-generator,
  .api-nav-container .devresources-content .custom-api-host-box-generator,
  .solutions-guides-container .devresources-content .custom-api-host-box-generator,
  .guides-child-content .devresources-content .custom-api-host-box-generator {
    grid-template-columns: auto;
  }
}
.devresources-container .devresources-content .custom-box-api-generator,
.api-nav-container .devresources-content .custom-box-api-generator,
.solutions-guides-container .devresources-content .custom-box-api-generator,
.guides-child-content .devresources-content .custom-box-api-generator {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: auto auto auto;
  gap: 15px 40px;
}
@media (max-width: 1199px) {
  .devresources-container .devresources-content .custom-box-api-generator,
  .api-nav-container .devresources-content .custom-box-api-generator,
  .solutions-guides-container .devresources-content .custom-box-api-generator,
  .guides-child-content .devresources-content .custom-box-api-generator {
    grid-template-columns: auto auto;
  }
}
@media (max-width: 480px) {
  .devresources-container .devresources-content .custom-box-api-generator,
  .api-nav-container .devresources-content .custom-box-api-generator,
  .solutions-guides-container .devresources-content .custom-box-api-generator,
  .guides-child-content .devresources-content .custom-box-api-generator {
    grid-template-columns: auto;
  }
}
.devresources-container .devresources-content .api-host-top-box,
.api-nav-container .devresources-content .api-host-top-box,
.solutions-guides-container .devresources-content .api-host-top-box,
.guides-child-content .devresources-content .api-host-top-box {
  position: relative;
  background-color: #ffffff;
  color: #00406e;
  border-radius: 8px;
  text-align: center;
}
.devresources-container .devresources-content .language-box-openapi,
.api-nav-container .devresources-content .language-box-openapi,
.solutions-guides-container .devresources-content .language-box-openapi,
.guides-child-content .devresources-content .language-box-openapi {
  height: 220px;
}
.devresources-container .devresources-content .api-host-portocol-box,
.api-nav-container .devresources-content .api-host-portocol-box,
.solutions-guides-container .devresources-content .api-host-portocol-box,
.guides-child-content .devresources-content .api-host-portocol-box {
  position: relative;
  background-color: #ffffff;
  color: #00406e;
  border-radius: 8px;
  border: 1px solid #dde3e8;
  text-align: center;
  box-shadow: 0px 2px 10px 0px #5e748226;
  padding: 40px;
  height: 400px;
}
@media (min-width: 0) and (max-width: 1199px) {
  .devresources-container .devresources-content .api-host-portocol-box,
  .api-nav-container .devresources-content .api-host-portocol-box,
  .solutions-guides-container .devresources-content .api-host-portocol-box,
  .guides-child-content .devresources-content .api-host-portocol-box {
    padding: 20px;
    height: auto;
  }
}
.devresources-container .devresources-content .api-host-title-div,
.api-nav-container .devresources-content .api-host-title-div,
.solutions-guides-container .devresources-content .api-host-title-div,
.guides-child-content .devresources-content .api-host-title-div {
  margin: 0px 0 20px 0;
  font-size: 20px;
  color: #000000;
  text-align: left;
}
.devresources-container .devresources-content .api-host-title-div h3,
.api-nav-container .devresources-content .api-host-title-div h3,
.solutions-guides-container .devresources-content .api-host-title-div h3,
.guides-child-content .devresources-content .api-host-title-div h3 {
  font-weight: 600;
  color: #000000;
}
.devresources-container .devresources-content .api-host-desc,
.api-nav-container .devresources-content .api-host-desc,
.solutions-guides-container .devresources-content .api-host-desc,
.guides-child-content .devresources-content .api-host-desc {
  line-height: 26px;
  padding-right: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  text-align: left;
  overflow: hidden;
  color: #000000;
}
.devresources-container .devresources-content .api-host-link,
.api-nav-container .devresources-content .api-host-link,
.solutions-guides-container .devresources-content .api-host-link,
.guides-child-content .devresources-content .api-host-link {
  font-weight: 600;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #048A81;
  font-size: 16px;
}
.devresources-container .devresources-content .swagger-download-button,
.api-nav-container .devresources-content .swagger-download-button,
.solutions-guides-container .devresources-content .swagger-download-button,
.guides-child-content .devresources-content .swagger-download-button {
  margin-top: 75px;
  text-align: center;
}
.devresources-container .devresources-content .swagger-download-button a,
.api-nav-container .devresources-content .swagger-download-button a,
.solutions-guides-container .devresources-content .swagger-download-button a,
.guides-child-content .devresources-content .swagger-download-button a {
  width: 225px;
}
.devresources-container .devresources-content .swagger-download-button a:focus,
.api-nav-container .devresources-content .swagger-download-button a:focus,
.solutions-guides-container .devresources-content .swagger-download-button a:focus,
.guides-child-content .devresources-content .swagger-download-button a:focus {
  color: #ffffff;
  height: 38px;
}
.devresources-container .devresources-content .content-note-hdr,
.api-nav-container .devresources-content .content-note-hdr,
.solutions-guides-container .devresources-content .content-note-hdr,
.guides-child-content .devresources-content .content-note-hdr {
  color: #008549;
  font-weight: bold;
  font-size: 16px;
}
.devresources-container .devresources-content .content-note-txt,
.api-nav-container .devresources-content .content-note-txt,
.solutions-guides-container .devresources-content .content-note-txt,
.guides-child-content .devresources-content .content-note-txt {
  color: #31373b;
  font-weight: bold;
  font-size: 14px;
}
.devresources-container .devresources-content.hmac-generator form .hmac-form-details,
.api-nav-container .devresources-content.hmac-generator form .hmac-form-details,
.solutions-guides-container .devresources-content.hmac-generator form .hmac-form-details,
.guides-child-content .devresources-content.hmac-generator form .hmac-form-details {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: auto auto;
  gap: 0px 60px;
}
@media (max-width: 480px) {
  .devresources-container .devresources-content.hmac-generator form .hmac-form-details,
  .api-nav-container .devresources-content.hmac-generator form .hmac-form-details,
  .solutions-guides-container .devresources-content.hmac-generator form .hmac-form-details,
  .guides-child-content .devresources-content.hmac-generator form .hmac-form-details {
    grid-template-columns: auto;
  }
}
.devresources-container .devresources-content.hmac-generator form label.floating-label,
.api-nav-container .devresources-content.hmac-generator form label.floating-label,
.solutions-guides-container .devresources-content.hmac-generator form label.floating-label,
.guides-child-content .devresources-content.hmac-generator form label.floating-label {
  padding: 0 5px;
  z-index: 0;
}
.devresources-container .devresources-content.hmac-generator form .form-group,
.api-nav-container .devresources-content.hmac-generator form .form-group,
.solutions-guides-container .devresources-content.hmac-generator form .form-group,
.guides-child-content .devresources-content.hmac-generator form .form-group {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}
.devresources-container .devresources-content.hmac-generator form .form-group ::placeholder,
.api-nav-container .devresources-content.hmac-generator form .form-group ::placeholder,
.solutions-guides-container .devresources-content.hmac-generator form .form-group ::placeholder,
.guides-child-content .devresources-content.hmac-generator form .form-group ::placeholder {
  color: #5E7482;
}
.devresources-container .devresources-content.hmac-generator form .ui-select-control,
.api-nav-container .devresources-content.hmac-generator form .ui-select-control,
.solutions-guides-container .devresources-content.hmac-generator form .ui-select-control,
.guides-child-content .devresources-content.hmac-generator form .ui-select-control,
.devresources-container .devresources-content.hmac-generator form input,
.api-nav-container .devresources-content.hmac-generator form input,
.solutions-guides-container .devresources-content.hmac-generator form input,
.guides-child-content .devresources-content.hmac-generator form input {
  font-size: 14px;
}
@media (max-width: 991px) {
  .devresources-container .devresources-content.hmac-generator form .ui-select-control,
  .api-nav-container .devresources-content.hmac-generator form .ui-select-control,
  .solutions-guides-container .devresources-content.hmac-generator form .ui-select-control,
  .guides-child-content .devresources-content.hmac-generator form .ui-select-control,
  .devresources-container .devresources-content.hmac-generator form input,
  .api-nav-container .devresources-content.hmac-generator form input,
  .solutions-guides-container .devresources-content.hmac-generator form input,
  .guides-child-content .devresources-content.hmac-generator form input {
    width: 100%;
  }
}
.devresources-container .devresources-content.hmac-generator form button,
.api-nav-container .devresources-content.hmac-generator form button,
.solutions-guides-container .devresources-content.hmac-generator form button,
.guides-child-content .devresources-content.hmac-generator form button {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .devresources-container .devresources-content.hmac-generator form button,
  .api-nav-container .devresources-content.hmac-generator form button,
  .solutions-guides-container .devresources-content.hmac-generator form button,
  .guides-child-content .devresources-content.hmac-generator form button {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .devresources-container .devresources-content.hmac-generator .hmac-button,
  .api-nav-container .devresources-content.hmac-generator .hmac-button,
  .solutions-guides-container .devresources-content.hmac-generator .hmac-button,
  .guides-child-content .devresources-content.hmac-generator .hmac-button {
    width: 100%;
  }
}
.devresources-container .devresources-content.hmac-generator .hmac-response,
.api-nav-container .devresources-content.hmac-generator .hmac-response,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response,
.guides-child-content .devresources-content.hmac-generator .hmac-response {
  padding: 0px 0 30px 0;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper {
  flex-direction: row;
  align-items: center;
  animation: fadeInFast 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .light-mode-header .hmac-codeblock .hmac-codeblock-signature,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .light-mode-header .hmac-codeblock .hmac-codeblock-signature,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .light-mode-header .hmac-codeblock .hmac-codeblock-signature,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .light-mode-header .hmac-codeblock .hmac-codeblock-signature,
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .light-mode-header .hmac-codeblock .hmac-codeblock-http-header,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .light-mode-header .hmac-codeblock .hmac-codeblock-http-header,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .light-mode-header .hmac-codeblock .hmac-codeblock-http-header,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .light-mode-header .hmac-codeblock .hmac-codeblock-http-header {
  color: #5465BE;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .light-mode-header .hmac-codeblock .api-attr,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .light-mode-header .hmac-codeblock .api-attr,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .light-mode-header .hmac-codeblock .api-attr,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .light-mode-header .hmac-codeblock .api-attr {
  color: #5E7482;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .dark-mode-header .hmac-codeblock .hmac-codeblock-signature,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .dark-mode-header .hmac-codeblock .hmac-codeblock-signature,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .dark-mode-header .hmac-codeblock .hmac-codeblock-signature,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .dark-mode-header .hmac-codeblock .hmac-codeblock-signature,
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .dark-mode-header .hmac-codeblock .api-attr,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .dark-mode-header .hmac-codeblock .api-attr,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .dark-mode-header .hmac-codeblock .api-attr,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .dark-mode-header .hmac-codeblock .api-attr,
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .dark-mode-header .hmac-codeblock .hmac-codeblock-http-header,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .dark-mode-header .hmac-codeblock .hmac-codeblock-http-header,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .dark-mode-header .hmac-codeblock .hmac-codeblock-http-header,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .dark-mode-header .hmac-codeblock .hmac-codeblock-http-header {
  color: #ffffff;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock {
  display: flex;
  flex: 0.99;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 75px;
  vertical-align: top;
  padding: 0px;
  border-radius: 0.5ex;
}
@media (max-width: 991px) {
  .devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock,
  .api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock,
  .solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock,
  .guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock {
    overflow-x: scroll;
    margin: 1%;
  }
  .devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock::-webkit-scrollbar,
  .api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock::-webkit-scrollbar,
  .solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock::-webkit-scrollbar,
  .guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock::-webkit-scrollbar {
    height: 3px;
    background: transparent;
  }
  .devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock::-webkit-scrollbar-thumb,
  .api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock::-webkit-scrollbar-thumb,
  .solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock::-webkit-scrollbar-thumb,
  .guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock::-webkit-scrollbar-thumb {
    background: #ffffff;
  }
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .auth-code,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .auth-code,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .auth-code,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .auth-code {
  margin: 10px 0px;
  padding: 22px;
  border-radius: 8px;
  overflow-y: hidden;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-signature,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-signature,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-signature,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-signature {
  font-family: Roobert, sans-serif;
  font-size: 14px;
  padding-bottom: 10px;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-expand-icon,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-expand-icon,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-expand-icon,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-expand-icon {
  font-size: 14px;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-http-header,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-http-header,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-http-header,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-http-header {
  font-family: Roobert, sans-serif;
  font-size: 14px;
  padding-top: 10px;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-label,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-label,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-label,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-label {
  font-family: initial;
  color: #395FF0;
  font-size: 16px;
  font-weight: 600;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-value1,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-value1,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-value1,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-value1 {
  font-family: Menlo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding-top: 5px;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-value2,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-value2,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-value2,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-value2 {
  font-family: Menlo, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-request-date,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-request-date,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-request-date,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-request-date {
  font-family: Menlo, sans-serif;
  font-size: 14px;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-authorization,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-authorization,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-authorization,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock .hmac-codeblock-authorization {
  font-family: Menlo, sans-serif;
  font-size: 14px;
}
.devresources-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock-action-copy,
.api-nav-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock-action-copy,
.solutions-guides-container .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock-action-copy,
.guides-child-content .devresources-content.hmac-generator .hmac-response .hmac-response-code-wrapper .hmac-codeblock-action-copy {
  margin-left: 10px;
  cursor: pointer;
  padding-bottom: 100px;
  padding-right: 45px;
}
.devresources-container .devresources-content.hmac-generator .expired-msg,
.api-nav-container .devresources-content.hmac-generator .expired-msg,
.solutions-guides-container .devresources-content.hmac-generator .expired-msg,
.guides-child-content .devresources-content.hmac-generator .expired-msg {
  color: #f34235;
  font-size: 16px;
  font-weight: 600;
  margin-top: -20px;
}
.devresources-container .devresources-content.hmac-generator .hmac-helpful-tips .hmac-helpful-tips-title,
.api-nav-container .devresources-content.hmac-generator .hmac-helpful-tips .hmac-helpful-tips-title,
.solutions-guides-container .devresources-content.hmac-generator .hmac-helpful-tips .hmac-helpful-tips-title,
.guides-child-content .devresources-content.hmac-generator .hmac-helpful-tips .hmac-helpful-tips-title {
  color: #000000;
  font-family: Roobert Bold, sans-serif;
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.devresources-container .devresources-content.hmac-generator .hmac-helpful-tips .hmac-helpful-text-message,
.api-nav-container .devresources-content.hmac-generator .hmac-helpful-tips .hmac-helpful-text-message,
.solutions-guides-container .devresources-content.hmac-generator .hmac-helpful-tips .hmac-helpful-text-message,
.guides-child-content .devresources-content.hmac-generator .hmac-helpful-tips .hmac-helpful-text-message {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #000000;
  padding-bottom: 8px;
}
.devresources-container .devresources-content.encryption-tool .encryption-decryption-title,
.api-nav-container .devresources-content.encryption-tool .encryption-decryption-title,
.solutions-guides-container .devresources-content.encryption-tool .encryption-decryption-title,
.guides-child-content .devresources-content.encryption-tool .encryption-decryption-title {
  font-family: Roobert Medium, sans-serif;
  font-size: 24px;
  color: #000000;
  padding-bottom: 20px;
  padding-top: 20px;
}
.devresources-container .devresources-content.encryption-tool .encryption-form-details,
.api-nav-container .devresources-content.encryption-tool .encryption-form-details,
.solutions-guides-container .devresources-content.encryption-tool .encryption-form-details,
.guides-child-content .devresources-content.encryption-tool .encryption-form-details {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: repeat(2, minmax(370px, 1fr));
  gap: 0px 60px;
}
.devresources-container .devresources-content.encryption-tool .encryption-form-details .label-container .encrypt-body-label,
.api-nav-container .devresources-content.encryption-tool .encryption-form-details .label-container .encrypt-body-label,
.solutions-guides-container .devresources-content.encryption-tool .encryption-form-details .label-container .encrypt-body-label,
.guides-child-content .devresources-content.encryption-tool .encryption-form-details .label-container .encrypt-body-label {
  font-size: 14px;
  color: #000000;
  font-family: Roobert Medium, sans-serif;
  margin-bottom: 12px;
}
.devresources-container .devresources-content.encryption-tool .encryption-form-details .label-container #X-Encrypt-Version-label,
.api-nav-container .devresources-content.encryption-tool .encryption-form-details .label-container #X-Encrypt-Version-label,
.solutions-guides-container .devresources-content.encryption-tool .encryption-form-details .label-container #X-Encrypt-Version-label,
.guides-child-content .devresources-content.encryption-tool .encryption-form-details .label-container #X-Encrypt-Version-label {
  font-size: 12px;
  color: #00406e;
}
@media (max-width: 480px) {
  .devresources-container .devresources-content.encryption-tool .encryption-form-details,
  .api-nav-container .devresources-content.encryption-tool .encryption-form-details,
  .solutions-guides-container .devresources-content.encryption-tool .encryption-form-details,
  .guides-child-content .devresources-content.encryption-tool .encryption-form-details {
    grid-template-columns: auto;
  }
}
.devresources-container .devresources-content.encryption-tool .encryption-form-details .Select-control,
.api-nav-container .devresources-content.encryption-tool .encryption-form-details .Select-control,
.solutions-guides-container .devresources-content.encryption-tool .encryption-form-details .Select-control,
.guides-child-content .devresources-content.encryption-tool .encryption-form-details .Select-control {
  border-radius: 4px;
}
.devresources-container .devresources-content.encryption-tool form,
.api-nav-container .devresources-content.encryption-tool form,
.solutions-guides-container .devresources-content.encryption-tool form,
.guides-child-content .devresources-content.encryption-tool form {
  padding-top: 30px;
  padding-bottom: 15px;
}
.devresources-container .devresources-content.encryption-tool form label.floating-label,
.api-nav-container .devresources-content.encryption-tool form label.floating-label,
.solutions-guides-container .devresources-content.encryption-tool form label.floating-label,
.guides-child-content .devresources-content.encryption-tool form label.floating-label {
  padding: 0 5px;
  z-index: 0;
}
.devresources-container .devresources-content.encryption-tool form textarea,
.api-nav-container .devresources-content.encryption-tool form textarea,
.solutions-guides-container .devresources-content.encryption-tool form textarea,
.guides-child-content .devresources-content.encryption-tool form textarea {
  min-height: 105px;
}
.devresources-container .devresources-content.encryption-tool form .ui-select-control,
.api-nav-container .devresources-content.encryption-tool form .ui-select-control,
.solutions-guides-container .devresources-content.encryption-tool form .ui-select-control,
.guides-child-content .devresources-content.encryption-tool form .ui-select-control,
.devresources-container .devresources-content.encryption-tool form input,
.api-nav-container .devresources-content.encryption-tool form input,
.solutions-guides-container .devresources-content.encryption-tool form input,
.guides-child-content .devresources-content.encryption-tool form input,
.devresources-container .devresources-content.encryption-tool form textarea,
.api-nav-container .devresources-content.encryption-tool form textarea,
.solutions-guides-container .devresources-content.encryption-tool form textarea,
.guides-child-content .devresources-content.encryption-tool form textarea {
  font-size: 14px;
}
@media (max-width: 991px) {
  .devresources-container .devresources-content.encryption-tool form .ui-select-control,
  .api-nav-container .devresources-content.encryption-tool form .ui-select-control,
  .solutions-guides-container .devresources-content.encryption-tool form .ui-select-control,
  .guides-child-content .devresources-content.encryption-tool form .ui-select-control,
  .devresources-container .devresources-content.encryption-tool form input,
  .api-nav-container .devresources-content.encryption-tool form input,
  .solutions-guides-container .devresources-content.encryption-tool form input,
  .guides-child-content .devresources-content.encryption-tool form input,
  .devresources-container .devresources-content.encryption-tool form textarea,
  .api-nav-container .devresources-content.encryption-tool form textarea,
  .solutions-guides-container .devresources-content.encryption-tool form textarea,
  .guides-child-content .devresources-content.encryption-tool form textarea {
    width: 100%;
  }
}
.devresources-container .devresources-content.encryption-tool form .form-group,
.api-nav-container .devresources-content.encryption-tool form .form-group,
.solutions-guides-container .devresources-content.encryption-tool form .form-group,
.guides-child-content .devresources-content.encryption-tool form .form-group {
  position: relative;
}
.devresources-container .devresources-content.encryption-tool .encryption-overview,
.api-nav-container .devresources-content.encryption-tool .encryption-overview,
.solutions-guides-container .devresources-content.encryption-tool .encryption-overview,
.guides-child-content .devresources-content.encryption-tool .encryption-overview {
  font-family: Roobert Bold, sans-serif;
  font-size: 24px;
  padding-top: 24px;
  padding-bottom: 20px;
  color: #000000;
}
.devresources-container .devresources-content.encryption-tool .encryption-text,
.api-nav-container .devresources-content.encryption-tool .encryption-text,
.solutions-guides-container .devresources-content.encryption-tool .encryption-text,
.guides-child-content .devresources-content.encryption-tool .encryption-text {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 26px;
}
.devresources-container .devresources-content.encryption-tool .encryption-text p,
.api-nav-container .devresources-content.encryption-tool .encryption-text p,
.solutions-guides-container .devresources-content.encryption-tool .encryption-text p,
.guides-child-content .devresources-content.encryption-tool .encryption-text p {
  padding-bottom: 15px;
}
.devresources-container .devresources-content.encryption-tool .encryption-underline,
.api-nav-container .devresources-content.encryption-tool .encryption-underline,
.solutions-guides-container .devresources-content.encryption-tool .encryption-underline,
.guides-child-content .devresources-content.encryption-tool .encryption-underline {
  cursor: pointer;
  color: #3F64F2;
  font-weight: 600;
}
.devresources-container .devresources-content.encryption-tool .encryption-solid-line,
.api-nav-container .devresources-content.encryption-tool .encryption-solid-line,
.solutions-guides-container .devresources-content.encryption-tool .encryption-solid-line,
.guides-child-content .devresources-content.encryption-tool .encryption-solid-line {
  margin-top: 50px;
  margin-bottom: 20px;
  background-color: #dde3e8;
  height: 1px;
  width: 100%;
  margin-left: 0px;
}
.devresources-container .devresources-content.encryption-tool .encryption-buttons,
.api-nav-container .devresources-content.encryption-tool .encryption-buttons,
.solutions-guides-container .devresources-content.encryption-tool .encryption-buttons,
.guides-child-content .devresources-content.encryption-tool .encryption-buttons {
  margin-top: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: left;
  padding-bottom: 30px;
}
@media (max-width: 991px) {
  .devresources-container .devresources-content.encryption-tool .encryption-buttons,
  .api-nav-container .devresources-content.encryption-tool .encryption-buttons,
  .solutions-guides-container .devresources-content.encryption-tool .encryption-buttons,
  .guides-child-content .devresources-content.encryption-tool .encryption-buttons {
    display: block;
    width: 105%;
  }
}
.devresources-container .devresources-content.encryption-tool .encryption-buttons .decryption-button > div,
.api-nav-container .devresources-content.encryption-tool .encryption-buttons .decryption-button > div,
.solutions-guides-container .devresources-content.encryption-tool .encryption-buttons .decryption-button > div,
.guides-child-content .devresources-content.encryption-tool .encryption-buttons .decryption-button > div {
  cursor: not-allowed;
}
@media (max-width: 991px) {
  .devresources-container .devresources-content.encryption-tool .encryption-buttons button,
  .api-nav-container .devresources-content.encryption-tool .encryption-buttons button,
  .solutions-guides-container .devresources-content.encryption-tool .encryption-buttons button,
  .guides-child-content .devresources-content.encryption-tool .encryption-buttons button {
    width: 100%;
    margin-bottom: 15px;
  }
}
.devresources-container .devresources-content.encryption-tool .encryption-button,
.api-nav-container .devresources-content.encryption-tool .encryption-button,
.solutions-guides-container .devresources-content.encryption-tool .encryption-button,
.guides-child-content .devresources-content.encryption-tool .encryption-button,
.devresources-container .devresources-content.encryption-tool .decryption-button,
.api-nav-container .devresources-content.encryption-tool .decryption-button,
.solutions-guides-container .devresources-content.encryption-tool .decryption-button,
.guides-child-content .devresources-content.encryption-tool .decryption-button {
  margin-right: 20px;
}
.devresources-container .devresources-content.encryption-tool .encryption-response,
.api-nav-container .devresources-content.encryption-tool .encryption-response,
.solutions-guides-container .devresources-content.encryption-tool .encryption-response,
.guides-child-content .devresources-content.encryption-tool .encryption-response {
  padding: 0px 0 30px 0;
}
.devresources-container .devresources-content.encryption-tool .encryption-response .encryption-response-solid-line,
.api-nav-container .devresources-content.encryption-tool .encryption-response .encryption-response-solid-line,
.solutions-guides-container .devresources-content.encryption-tool .encryption-response .encryption-response-solid-line,
.guides-child-content .devresources-content.encryption-tool .encryption-response .encryption-response-solid-line {
  border-top: 1px solid #d4dbe1;
  margin-left: 0px;
  width: 100%;
  margin-bottom: 50px;
}
.devresources-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper,
.api-nav-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper,
.solutions-guides-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper,
.guides-child-content .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper {
  flex-direction: row;
  align-items: center;
  animation: fadeInFast 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-bottom: 25px;
}
.devresources-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock,
.api-nav-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock,
.solutions-guides-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock,
.guides-child-content .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock {
  display: flex;
  flex: 0.99;
  max-width: 99%;
  word-break: break-all;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 75px;
  vertical-align: top;
  padding: 0.75em;
  border-radius: 0.5ex;
  background-color: #31373b;
}
.devresources-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock .encryption-codeblock-label,
.api-nav-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock .encryption-codeblock-label,
.solutions-guides-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock .encryption-codeblock-label,
.guides-child-content .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock .encryption-codeblock-label {
  font-family: initial;
  color: #395FF0;
  font-size: 14px;
  font-weight: 600;
}
.devresources-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock .encryption-codeblock-value,
.api-nav-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock .encryption-codeblock-value,
.solutions-guides-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock .encryption-codeblock-value,
.guides-child-content .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock .encryption-codeblock-value {
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
}
.devresources-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock-action-copy,
.api-nav-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock-action-copy,
.solutions-guides-container .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock-action-copy,
.guides-child-content .devresources-content.encryption-tool .encryption-response .encryption-response-code-wrapper .encryption-codeblock-action-copy {
  margin-left: 10px;
  cursor: pointer;
}
.devresources-container .devresources-content.encryption-tool .expired-msg,
.api-nav-container .devresources-content.encryption-tool .expired-msg,
.solutions-guides-container .devresources-content.encryption-tool .expired-msg,
.guides-child-content .devresources-content.encryption-tool .expired-msg {
  color: #f34235;
  font-size: 14px;
  font-weight: 600;
  margin-top: -20px;
}
.devresources-container .devresources-content.encryption-tool .encryption-helpful-tips .encryption-helpful-tips-title,
.api-nav-container .devresources-content.encryption-tool .encryption-helpful-tips .encryption-helpful-tips-title,
.solutions-guides-container .devresources-content.encryption-tool .encryption-helpful-tips .encryption-helpful-tips-title,
.guides-child-content .devresources-content.encryption-tool .encryption-helpful-tips .encryption-helpful-tips-title {
  margin-bottom: 5px;
}
.devresources-container .api-show-data,
.api-nav-container .api-show-data,
.solutions-guides-container .api-show-data,
.guides-child-content .api-show-data {
  display: none;
  position: absolute;
  font-size: 24px;
  background-color: white;
  height: 40px;
  width: 40px;
  color: #395FF0;
}
.devresources-container .side-show-nav a,
.api-nav-container .side-show-nav a,
.solutions-guides-container .side-show-nav a,
.guides-child-content .side-show-nav a {
  top: 7px;
}
.devresources-container .side-show-nav a svg,
.api-nav-container .side-show-nav a svg,
.solutions-guides-container .side-show-nav a svg,
.guides-child-content .side-show-nav a svg {
  min-width: 30px;
}
.devresources-container .side-show-nav a svg.fa-list-ul,
.api-nav-container .side-show-nav a svg.fa-list-ul,
.solutions-guides-container .side-show-nav a svg.fa-list-ul,
.guides-child-content .side-show-nav a svg.fa-list-ul {
  margin-right: 5px;
}
.devresources-container .api-show-data,
.api-nav-container .api-show-data,
.solutions-guides-container .api-show-data,
.guides-child-content .api-show-data {
  right: 400px;
  transition: all 0.5s;
  top: -51px;
  box-shadow: 1px 1px 5px #395FF0;
}
.devresources-container .api-show-data i,
.api-nav-container .api-show-data i,
.solutions-guides-container .api-show-data i,
.guides-child-content .api-show-data i {
  transition: all 0.5s;
}
.devresources-container .api-show-data i.fa-file-code-o,
.api-nav-container .api-show-data i.fa-file-code-o,
.solutions-guides-container .api-show-data i.fa-file-code-o,
.guides-child-content .api-show-data i.fa-file-code-o {
  position: absolute;
  top: 7px;
  left: 10px;
  opacity: 1;
}
.devresources-container .api-show-data i.fa-times,
.api-nav-container .api-show-data i.fa-times,
.solutions-guides-container .api-show-data i.fa-times,
.guides-child-content .api-show-data i.fa-times {
  position: absolute;
  top: 7px;
  left: 10px;
  opacity: 0;
}
.devresources-container .banner-wrapper .header .header-title h1,
.api-nav-container .banner-wrapper .header .header-title h1,
.solutions-guides-container .banner-wrapper .header .header-title h1,
.guides-child-content .banner-wrapper .header .header-title h1 {
  font-family: Roobert Bold, sans-serif;
}
.devresources-container .banner-wrapper .wedge,
.api-nav-container .banner-wrapper .wedge,
.solutions-guides-container .banner-wrapper .wedge,
.guides-child-content .banner-wrapper .wedge {
  border-color: transparent #f7f9fb transparent #f7f9fb;
}
div[name="_sdkDisclaimerModal"].ui-modal .modal-content {
  padding: 0px;
  top: 0px;
  border-radius: 8px;
}
div[name="_sdkDisclaimerModal"].ui-modal .modal-content .modal-header {
  height: 90px;
  padding: 28px 33px 0px 30px;
  border: 1px solid #dde3e8;
  border-radius: 8px 8px 0px 0px;
  background: #f7f9fb;
}
div[name="_sdkDisclaimerModal"].ui-modal .modal-content .modal-header .btn-close {
  opacity: 1;
}
@media (max-width: 480px) {
  div[name="_sdkDisclaimerModal"].ui-modal .modal-content .modal-header {
    padding: 24px 16px 0px 16px;
    height: 80px;
  }
}
div[name="_sdkDisclaimerModal"].ui-modal .modal-content .modal-body {
  padding: 30px;
}
@media (max-width: 480px) {
  div[name="_sdkDisclaimerModal"].ui-modal .modal-content .modal-body {
    padding-left: 16px;
    padding-right: 16px;
  }
}
div[name="_sdkDisclaimerModal"].ui-modal .modal-content .modal-footer {
  position: relative;
  padding: 0px;
  margin: 0px;
}
div[name="_sdkDisclaimerModal"].ui-modal .modal-content .modal-footer .disclaimer-button-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 20px 30px 20px 0px;
  width: 100%;
  font-size: 14px;
  position: relative;
  background-color: #ffffff;
  border-radius: 0px 0px 8px 8px;
}
@media (max-width: 480px) {
  div[name="_sdkDisclaimerModal"].ui-modal .modal-content .modal-footer .disclaimer-button-content {
    padding-right: 16px;
  }
}
div[name="_sdkDisclaimerModal"].ui-modal .modal-content .modal-footer .disclaimer-button-content .close-button {
  box-sizing: border-box;
  border-radius: 8px;
  border: none;
  width: 120px;
  background: #395FF0;
  color: #ffffff;
  padding: 0px;
}
div[name="_sdkDisclaimerModal"] {
  margin-left: 15px;
  margin-top: 2%;
}
div[name="_sdkDisclaimerModal"] .modal-dialog {
  width: 70%;
}
@media (max-width: 1199px) {
  div[name="_sdkDisclaimerModal"] .modal-dialog {
    width: 94%;
  }
}
@media (max-width: 480px) {
  div[name="_sdkDisclaimerModal"] .modal-dialog {
    width: 100%;
    margin-left: 0px;
    padding-right: 15px;
    padding-top: 6px;
  }
}
div[name="_sdkDisclaimerModal"] .modal-header {
  height: 90px;
  padding: 28px 33px 0px 30px;
  border: 1px solid #dde3e8;
  border-radius: 8px 8px 0px 0px;
  background: #f7f9fb;
}
div[name="_sdkDisclaimerModal"] .modal-header .btn-close {
  opacity: 1;
}
@media (max-width: 480px) {
  div[name="_sdkDisclaimerModal"] .modal-header {
    padding: 24px 16px 0px 16px;
    height: 80px;
  }
}
div[name="_sdkDisclaimerModal"] .modal-title {
  color: #000000;
  font-size: 24px;
  font-family: Roobert Medium, sans-serif;
}
@media (max-width: 480px) {
  div[name="_sdkDisclaimerModal"] .modal-title {
    font-size: 20px;
  }
}
div[name="_sdkDisclaimerModal"] .sdk-disclaimer-img {
  background: #692C8F;
  border-radius: 8px;
  padding: 5px;
  width: 34px;
  height: 34px;
}
div[name="_sdkDisclaimerModal"] .sdk-disclaimer-header {
  display: flex;
}
div[name="_sdkDisclaimerModal"] .sdk-disclaimer-header span {
  padding-left: 16px;
}
div[name="_sdkDisclaimerModal"] .sdk-disclaimer-body h4 {
  color: #000000;
  font-family: Roobert Medium, sans-serif;
  padding-bottom: 8px;
}
@media (max-width: 1199px) {
  div[name="_sdkDisclaimerModal"] .sdk-disclaimer-body h4 {
    font-size: 18px;
  }
}
div[name="_sdkDisclaimerModal"] .sdk-disclaimer-body .sdk-disclaimer-inner-text {
  margin-top: 18px;
  margin-bottom: 12px;
  padding: 4px;
  border-radius: 8px;
  background: #f5f5f5;
  border: 1px solid #cccccc;
}
div[name="_sdkDisclaimerModal"] .sdk-disclaimer-body .sdk-disclaimer-inner-text ul {
  list-style: none;
  padding: 20px;
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
  color: #000000;
  line-height: 22px;
  margin: 0px;
}
div[name="_sdkDisclaimerModal"] .sdk-disclaimer-body .sdk-disclaimer-inner-text ul .code-command {
  color: #00935f;
}
div[name="_sdkDisclaimerModal"] .sdk-disclaimer-body .sdk-disclaimer-inner-text ul .code-attr {
  color: #c3444d;
}
div[name="_sdkDisclaimerModal"] .sdk-disclaimer-body .sdk-disclaimer-inner-text ul li {
  word-wrap: break-word;
}
div[name="_sdkDisclaimerModal"] .sdk-disclaimer-body .sdk-disclaimer-content {
  font-size: 14px;
  color: #000000;
  padding-top: 16px;
  font-family: Roobert, sans-serif;
  padding-bottom: 6px;
}
div[name="_sdkDisclaimerModal"] .sdk-disclaimer-body .sdk-disclaimer-content div {
  padding-bottom: 4px;
}
.legal-content {
  position: relative;
}
.legal-content .legal-title {
  font-weight: 600;
  font-size: 24px;
  text-align: left;
  padding-top: 30px;
}
.legal-content .legal-content-detail {
  text-align: justify;
  padding-top: 30px;
  padding-bottom: 30px;
}
.legal-content .text-bold {
  font-weight: 600;
}
.legal-content ul.a {
  list-style-type: disc;
}
.legal-content ol.c {
  list-style-type: lower-alpha;
}
.legal-content ol.d {
  list-style-type: decimal;
}
.legal-content li.underline-text {
  list-style-type: decimal;
  font-weight: bold;
  padding-top: 20px;
}
.legal-content p.paragraph {
  margin-top: 15px;
}
.app-footer {
  padding-top: 70px;
  background-color: #2C3337;
  position: relative;
  color: #ffffff;
  font-family: Roobert Medium, sans-serif;
  font-size: 12px;
}
.app-footer .social-icons :not(:first-child) {
  margin-left: 10px;
}
.app-footer .social-icons svg {
  display: inline-block;
  font-size: 16px;
  width: 16px;
}
.app-footer .social-icons svg:hover {
  color: #ffffff;
  cursor: pointer;
}
.app-footer .quicklinks-links {
  padding-left: 0px;
}
.app-footer .quicklinks-links .links {
  list-style-type: none;
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}
.app-footer .quicklinks-links .links,
.app-footer .quicklinks-links .links a {
  color: #ffffff;
  font-size: 16px;
}
.app-footer .quicklinks-links .links :focus,
.app-footer .quicklinks-links .links a :focus,
.app-footer .quicklinks-links .links :hover,
.app-footer .quicklinks-links .links a :hover,
.app-footer .quicklinks-links .links :active,
.app-footer .quicklinks-links .links a :active {
  text-decoration: none;
}
.app-footer .quicklinks-text {
  padding-top: 10px;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
.app-footer .copyright {
  padding-bottom: 50px;
  padding-top: 30px;
  font-size: 14px;
  font-family: Roobert, sans-serif;
}
.app-footer .footer-content-padding {
  margin-left: 8%;
  margin-right: 8%;
}
.app-footer .contact-us {
  text-align: right;
}
.app-footer .tsys-address {
  font-size: 16px;
  margin-bottom: 15px;
  font-family: Roobert, sans-serif;
}
.app-footer .telephone {
  font-size: 14px;
  color: #ffffff;
}
.app-footer .footer-logo {
  height: 50px;
}
.app-footer .footer-data {
  margin-bottom: 25px;
}
.app-footer .copyright-border {
  background-color: #2C3337;
}
.main-footer .social-icons svg {
  color: #ffc627;
}
.main-footer .quicklinks-text {
  color: #ffc627;
}
.tsysOpenApis-footer,
.TSYS_OPEN_API-footer {
  background-color: #1F2629;
}
.tsysOpenApis-footer .social-icons svg,
.TSYS_OPEN_API-footer .social-icons svg {
  color: #8ADB4D;
}
.tsysOpenApis-footer .quicklinks-text,
.TSYS_OPEN_API-footer .quicklinks-text {
  color: #8ADB4D;
}
.tsysOpenApis-footer .copyright-border,
.TSYS_OPEN_API-footer .copyright-border {
  background-color: #1F2629;
}
.marketplace-footer,
.MARKETPLACE-footer {
  background-color: #1F2629;
}
.marketplace-footer .social-icons svg,
.MARKETPLACE-footer .social-icons svg {
  font-size: 16px;
}
.marketplace-footer .svg-inline--fa.fa-w-14,
.MARKETPLACE-footer .svg-inline--fa.fa-w-14 {
  width: 16px;
}
.marketplace-footer .social-icons svg,
.MARKETPLACE-footer .social-icons svg {
  color: #D196FF;
}
.marketplace-footer .quicklinks-links .links a,
.MARKETPLACE-footer .quicklinks-links .links a {
  color: #D196FF;
}
.marketplace-footer .quicklinks-text,
.MARKETPLACE-footer .quicklinks-text {
  color: #ffffff;
}
.marketplace-footer .copyright-border,
.MARKETPLACE-footer .copyright-border {
  background-color: #1F2629;
}
.dataSubscriptions-footer .social-icons svg,
.DATA_SUBSCRIPTION-footer .social-icons svg {
  color: #FFA53C;
}
.dataSubscriptions-footer .quicklinks-text,
.DATA_SUBSCRIPTION-footer .quicklinks-text {
  color: #FFA53C;
}
.parser-footer .social-icons svg,
.BATCH_GENERATOR-footer .social-icons svg {
  color: #2FD8BA;
}
.parser-footer .quicklinks-text,
.BATCH_GENERATOR-footer .quicklinks-text {
  color: #2FD8BA;
}
.extractor-footer .social-icons svg,
.BATCH_EXTRACTOR-footer .social-icons svg {
  color: #618DFD;
}
.extractor-footer .quicklinks-text,
.BATCH_EXTRACTOR-footer .quicklinks-text {
  color: #618DFD;
}
.intercepts-footer,
.INTERCEPTS-footer {
  background-color: #1F2629;
}
.intercepts-footer .social-icons svg,
.INTERCEPTS-footer .social-icons svg {
  color: #D01E7E;
}
.intercepts-footer .quicklinks-text,
.INTERCEPTS-footer .quicklinks-text {
  color: #D01E7E;
}
.SOLUTIONS-footer .social-icons svg {
  color: #ffc627;
}
.SOLUTIONS-footer .quicklinks-links .links a {
  color: #ffc627;
}
@media (min-width: 3540px) {
  .app-footer {
    font-size: 24px;
  }
  .app-footer .social-icons :not(:first-child) {
    margin-left: 20px;
  }
  .app-footer .social-icons svg {
    font-size: 60px;
  }
  .app-footer .quicklinks-links .links,
  .app-footer .quicklinks-links .links a {
    font-size: 32px;
  }
  .app-footer .quicklinks-text {
    padding-top: 20px;
    font-size: 32px;
    margin-bottom: 40px;
  }
  .app-footer .copyright {
    padding-bottom: 110px;
    font-size: 28px;
    font-family: Roobert, sans-serif;
  }
  .app-footer .footer-content-padding {
    margin-left: 8%;
    margin-right: 8%;
  }
  .app-footer .tsys-address {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .app-footer .telephone {
    font-size: 28px;
  }
  .app-footer .footer-logo {
    height: 100px;
  }
  .app-footer .footer-data {
    margin-bottom: 50px;
  }
}
.app-footer-new {
  position: relative;
  color: #ffffff;
  font-family: Roobert Medium, sans-serif;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 70px;
  background: #11191F;
  padding: 60px 8% 70px 8%;
}
@media (max-width: 767px) {
  .app-footer-new {
    padding: 50px 20px;
  }
}
.app-footer-new .footer-column-content {
  color: #ffffff;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: Roobert Medium, sans-serif;
  left: 19%;
}
.app-footer-new .footer-column-content a {
  color: #ffffff;
  width: max-content;
}
.app-footer-new .footer-column-content a:hover {
  color: var(--text-dark-primary, rgba(255, 255, 255, 0.7));
}
.app-footer-new .footer-column-content .footer-column-content-heading {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .app-footer-new .app-footer-links {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .app-footer-new .app-footer-links .contact-us {
    position: unset;
  }
}
.app-footer-new .social-icons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.app-footer-new .social-icons a {
  display: flex;
  font-size: 16px;
  width: 16px;
}
.app-footer-new .social-icons span {
  margin-left: 8px;
}
.app-footer-new .social-icons span:hover {
  color: var(--text-dark-primary, rgba(255, 255, 255, 0.7));
  cursor: pointer;
}
.app-footer-new .quicklinks {
  flex: 1;
}
.app-footer-new .footer-column-content a:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.app-footer-new .footer-quicklink {
  display: flex;
  gap: 100px;
}
@media (max-width: 767px) {
  .app-footer-new .footer-quicklink {
    flex-direction: column;
    gap: 40px;
  }
}
.app-footer-new .corporatelinks {
  flex: 2;
}
.app-footer-new .copyright {
  padding-bottom: 50px;
  padding-top: 30px;
  font-size: 14px;
  font-family: Roobert, sans-serif;
}
@media (max-width: 992px) {
  .app-footer-new .copyright {
    font-size: 11px;
  }
}
.app-footer-new .footer-logo-content {
  flex: 1;
  padding: 0px;
}
.app-footer-new .footer-logo-content .footer-logo {
  width: 180px;
  height: 60px;
}
.app-footer-new .copyright-border {
  background-color: #2C3337;
}
.main-footer .social-icons svg {
  color: #ffc627;
}
.tsysOpenApis-footer,
.TSYS_OPEN_API-footer {
  background-color: #1F2629;
}
.tsysOpenApis-footer .social-icons svg,
.TSYS_OPEN_API-footer .social-icons svg {
  color: #8ADB4D;
}
.tsysOpenApis-footer .copyright-border,
.TSYS_OPEN_API-footer .copyright-border {
  background-color: #1F2629;
}
.marketplace-footer,
.MARKETPLACE-footer {
  background-color: #1F2629;
}
.marketplace-footer .social-icons svg,
.MARKETPLACE-footer .social-icons svg {
  font-size: 16px;
}
.marketplace-footer .svg-inline--fa.fa-w-14,
.MARKETPLACE-footer .svg-inline--fa.fa-w-14 {
  width: 16px;
}
.marketplace-footer .social-icons svg,
.MARKETPLACE-footer .social-icons svg {
  color: #D196FF;
}
.marketplace-footer .copyright-border,
.MARKETPLACE-footer .copyright-border {
  background-color: #1F2629;
}
.dataSubscriptions-footer .social-icons svg,
.DATA_SUBSCRIPTION-footer .social-icons svg {
  color: #FFA53C;
}
.parser-footer .social-icons svg,
.BATCH_GENERATOR-footer .social-icons svg {
  color: #2FD8BA;
}
.extractor-footer .social-icons svg,
.BATCH_EXTRACTOR-footer .social-icons svg {
  color: #618DFD;
}
.intercepts-footer .social-icons svg,
.INTERCEPTS-footer .social-icons svg {
  color: #D01E7E;
}
.SOLUTIONS-footer .social-icons svg {
  color: #ffc627;
}
@media (min-width: 3540px) {
  .app-footer-new {
    font-size: 24px;
  }
  .app-footer-new .social-icons :not(:first-child) {
    margin-left: 20px;
  }
  .app-footer-new .social-icons svg {
    font-size: 60px;
  }
  .app-footer-new .copyright {
    padding-bottom: 110px;
    font-size: 28px;
    font-family: Roobert, sans-serif;
  }
  .app-footer-new .footer-logo {
    height: 100px;
  }
}
@media (max-width: 991px) {
  .app-footer-new .app-footer-links {
    display: flex;
  }
  .app-footer-new .app-footer-links .footer-quicklink {
    flex: 1;
    gap: 25px;
    padding-left: 0;
  }
  .app-footer-new .app-footer-links .contact-us {
    flex: 1;
    left: 8%;
    padding-left: 0;
  }
}
.copyright-border-new {
  display: flex;
  padding: 40px 8%;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  background: var(--sandbox-dark-background-header, #3B4449);
}
.copyright-border-new .copyright {
  color: #ffffff;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.28px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.copyright-border-new .copyright .copyright-links {
  display: flex;
  gap: 10px;
}
.copyright-border-new .copyright .copyright-links a {
  color: #ffffff;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.28px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.copyright-border-new .copyright .copyright-links a:hover {
  border-bottom: none;
  color: var(--neutrals-4, #7E7E7E);
}
.copyright-border-new .copyright .copyright-links a:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.footer-links {
  position: relative;
  background: black;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 64px;
  overflow: hidden;
}
.footer-links .footer-links__dot-graphic {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: -12px;
  line-height: 0;
}
.footer-links .footer-links__dot-graphic .footer-links__dot-graphic-img {
  width: 100%;
  height: auto;
}
.footer-links .footer-links__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  max-width: 1004px;
  width: 100%;
  padding: 0 20px;
}
.footer-links .footer-links__tagline {
  font-family: Roobert Light, sans-serif;
  font-size: 38px;
  line-height: 38px;
  color: #ffffff;
  text-align: center;
  margin: 0;
  width: 100%;
}
.footer-links .footer-links__socials-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  width: 100%;
}
.footer-links .footer-links__address-socials {
  display: flex;
  align-items: center;
  gap: 64px;
  flex-wrap: wrap;
  justify-content: center;
}
.footer-links .footer-links__address {
  font-family: Roobert Light, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  white-space: pre;
  margin: 0;
}
.footer-links .footer-links__socials {
  display: flex;
  align-items: center;
}
.footer-links .footer-links__link-groups {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  width: 100%;
}
.footer-links .footer-links__link-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  flex-wrap: wrap;
}
.footer-links .footer-links__link-row a {
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #4BCD3E;
  text-decoration: underline;
  white-space: nowrap;
}
.footer-links .footer-links__link-row a:hover {
  color: #ffffff;
}
.footer-links .footer-links__link-row a:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.footer-links .footer-links__link-row #ot-sdk-btn.ot-sdk-show-settings {
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #4BCD3E !important;
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.footer-links .footer-links__link-row #ot-sdk-btn.ot-sdk-show-settings:hover {
  color: #ffffff !important;
}
.footer-links .footer-links__link-row #ot-sdk-btn.ot-sdk-show-settings:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
@media (max-width: 767px) {
  .footer-links {
    padding-bottom: 40px;
  }
  .footer-links .footer-links__tagline {
    font-size: 32px;
    line-height: 40px;
  }
  .footer-links .footer-links__content {
    gap: 40px;
    margin-top: 35px;
  }
  .footer-links .footer-links__socials-section {
    gap: 40px;
  }
  .footer-links .footer-links__address-socials {
    flex-direction: column;
    gap: 24px;
  }
  .footer-links .footer-links__dot-graphic {
    overflow: hidden;
  }
  .footer-links .footer-links__dot-graphic .footer-links__dot-graphic-img {
    width: 200%;
    max-width: none;
    margin-right: -100%;
  }
  .footer-links .footer-links__address {
    white-space: normal;
    text-align: center;
    font-size: 16px;
  }
  .footer-links .footer-links__link-row {
    flex-direction: column;
    gap: 12px;
  }
}
.social-media-buttons {
  display: flex;
  align-items: center;
  gap: 24px;
}
.social-media-buttons .social-media-buttons__item {
  display: flex;
  transition: background-color 0.2s ease;
}
.social-media-buttons .social-media-buttons__item:hover {
  background-color: rgba(12, 181, 242, 0.15);
  border-radius: 50%;
}
.social-media-buttons .social-media-buttons__item:hover .social-media-buttons__icon {
  background-color: #ffffff;
}
.social-media-buttons .social-media-buttons__item a {
  display: flex;
}
.social-media-buttons .social-media-buttons__item a:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.social-media-buttons .social-media-buttons__icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #0CB5F2;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.pre-footer {
  color: #ffffff;
  padding: 52px 8%;
  background: #431C5B;
}
.pre-footer .pre-footer-content {
  font-weight: 400;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.pre-footer .pre-footer-content .button-container {
  margin-top: auto;
  margin-bottom: auto;
}
.pre-footer .pre-footer-content .pre-footer-title {
  color: #ffffff;
  font-family: Roobert Bold, sans-serif;
}
.pre-footer .pre-footer-content .pre-footer-title .pre-footer-text-italic {
  line-height: 42px;
  padding-bottom: 14px;
  font-family: Roobert, sans-serif;
  font-size: 32px;
}
.pre-footer .pre-footer-content .pre-footer-title .pre-footer-desc {
  font-family: Roobert, sans-serif;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0.2px;
}
.pre-footer .pre-footer-content .pre-footer-button {
  justify-self: flex-end;
  justify-content: center;
  align-items: center;
  display: flex;
}
.pre-footer .pre-footer-content .pre-footer-button button {
  font-family: Roobert, sans-serif;
  text-transform: uppercase;
}
.pre-footer-main,
.pre-footer-faqs,
.pre-footer-SOLUTIONS {
  background: #431C5B;
}
.pre-footer-main .pre-footer-content .pre-footer-text-italic,
.pre-footer-faqs .pre-footer-content .pre-footer-text-italic,
.pre-footer-SOLUTIONS .pre-footer-content .pre-footer-text-italic {
  color: #ffffff;
}
.pre-footer-main .pre-footer-content .pre-footer-desc,
.pre-footer-faqs .pre-footer-content .pre-footer-desc,
.pre-footer-SOLUTIONS .pre-footer-content .pre-footer-desc {
  color: #F2F2F2;
}
@media (max-width: 767px) {
  .pre-footer .pre-footer-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .pre-footer .pre-footer-content .pre-footer-title .pre-footer-text-italic {
    font-size: 24px;
  }
  .pre-footer .pre-footer-content .pre-footer-title .pre-footer-desc {
    padding: 10px 0 27.5px 0;
    line-height: 24px;
    font-size: 18px;
  }
  .pre-footer .pre-footer-content .pre-footer-button {
    justify-content: left;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .pre-footer {
    padding: 40px 15px 40px;
  }
}
@media (min-width: 3840px) {
  .pre-footer {
    padding: 98px 8%;
  }
  .pre-footer .pre-footer-content .pre-footer-title .pre-footer-text-italic {
    font-size: 60px;
    padding: 30px 0 60px 0;
  }
  .pre-footer .pre-footer-content .pre-footer-title .pre-footer-desc {
    padding-bottom: 30px 0;
    font-size: 42px;
  }
  .pre-footer .pre-footer-content .pre-footer-button {
    justify-content: left;
  }
  .pre-footer .pre-footer-content .pre-footer-button button {
    font-size: 38px;
    width: 360px;
    height: 96px;
    border-radius: 20px;
  }
}
.button {
  color: #000000;
}
.button:hover {
  color: #ffffff;
}
.submit-btn {
  font-size: 14px;
  text-transform: capitalize;
  height: 35px;
  width: 10%;
}
.forgotPassword-desc {
  font-size: 24px;
  color: #5a5f62;
  font-weight: 300;
}
.first-Name {
  padding-bottom: 5px;
}
.login-nav-container {
  font-size: 14px;
  border-bottom: 1px solid #e5e5e5;
  margin-left: 10px;
}
.login-nav-container .nav-login .dropdown-toggle {
  color: #ffffff;
  background-color: transparent;
}
.login-nav-container .nav-login .dropdown-menu {
  top: 46px;
}
.Register {
  padding-left: 10px;
}
.login-password {
  display: inline;
  float: left;
  width: 70%;
}
.login-disclaimer {
  color: #5a5f62;
  text-align: left;
  padding: 25px 0px 0px 0px;
  font-size: 12px;
}
.login-disclaimer a {
  text-decoration: none;
}
.tab-sign-in {
  padding-left: 40px;
  padding-bottom: 10px;
}
.tab-sign-in a:hover,
.tab-sign-in a:focus,
.tab-sign-in a:active {
  color: #395FF0;
  text-decoration: none;
}
.tab-register {
  padding-bottom: 10px;
}
.tab-register a:hover,
.tab-register a:focus,
.tab-register a:active {
  color: #395FF0;
  text-decoration: none;
}
.form-control {
  font-size: 14px;
  font-weight: 400;
  color: #5E7482;
}
.ui-text-input {
  margin-top: -7px;
}
.ui-submit-button.btn-primary {
  color: #ffffff;
  background-color: #395FF0;
  border-color: #395FF0;
  font-size: 14px;
  margin-left: 15px;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 95%;
  border-radius: 2px;
}
.ui-submit-button.btn-primary:hover,
.ui-submit-button.btn-primary:focus {
  background-color: #113de5;
  border-color: #57c9e8;
  border-width: 3px;
}
#timeout-modal .modal-body {
  padding-right: 40px;
  padding-left: 40px;
  padding: 0px;
}
#timeout-modal .modal-header {
  padding: 30px;
}
.username-clear-wrapper {
  position: relative;
}
.username-clear-wrapper .floating-form-group {
  width: 100%;
}
.username-clear-wrapper .floating-form-group.has-error {
  font-family: inherit;
  font-size: inherit;
}
.username-clear-wrapper button.ui-action-link.btn.btn-link#clear-username {
  position: absolute;
  right: 0px;
  top: 27px;
  transform: translateY(-50%);
  color: #000000;
  text-decoration: none;
  box-shadow: none;
  outline: none;
}
.username-clear-wrapper button.ui-action-link.btn.btn-link#clear-username .clear-username-icon {
  height: 20px;
  width: 20px;
}
.username-clear-wrapper button.ui-action-link.btn.btn-link#clear-username:hover,
.username-clear-wrapper button.ui-action-link.btn.btn-link#clear-username:focus {
  color: #000000;
  box-shadow: none;
  outline: none;
}
.floating-form-group:not(.has-error) {
  margin-bottom: 18px;
}
.floating-form-group:not(.has-error) ::placeholder {
  color: #5E7482;
}
.registration-disclaimer {
  text-align: left;
  color: #5a5f62;
  padding-top: 10px;
}
.registration-disclaimer a {
  text-decoration: none;
}
.timeout-modal {
  margin: 100px auto;
  width: 490px;
  height: 229px;
  margin-bottom: 229px;
  border-radius: 2px;
}
.timeout-modal .modal-footer .inline-button-group {
  margin-top: 25px;
  justify-content: flex-end;
}
.apps-container .apps-content.user-profile {
  padding-bottom: 75px;
}
.apps-container .application-container.user-profile-container {
  margin-bottom: 0;
}
.apps-container .application-container .application-content.user-profile-content {
  height: auto;
  padding-bottom: 3em;
}
.apps-container .application-container .application-content.user-profile-content .user-profile-details {
  padding-left: 15px;
}
.apps-container .application-container .application-content.user-profile-content .user-profile-details .user-details-line-item {
  padding-bottom: 15px;
}
.apps-container .application-container .application-content.user-profile-content .user-profile-details .user-details-line-item .user-profile-item-header {
  font-size: 16px;
  font-weight: 600;
  color: #323436;
}
.apps-container .application-container .application-content.user-profile-content .user-profile-details .user-details-line-item .user-profile-item-desc {
  font-size: 14px;
  font-weight: 600;
  color: #707781;
}
.apps-container .application-container .application-content.user-profile-content .user-profile-details .user-details-line-item .user-profile-item-desc.password {
  font-size: 36px;
  line-height: 15px;
}
.apps-container .application-container .application-content.user-profile-content .user-profile-details.edit-user-info .user-profile-item-header {
  font-weight: 400;
}
.edit-profile-modal {
  padding-top: 125px;
}
.edit-profile-modal form {
  padding: 1em;
}
.edit-profile-modal form .modal-footer .inline-button-group {
  margin-top: 25px;
}
.edit-password-modal {
  padding-top: 125px;
}
.edit-password-modal form {
  padding: 1em;
}
.app-button-continue {
  width: 120px;
  height: 38px;
  display: inline-block;
  margin-right: 10px;
}
.app-button-continue .ui-action-button.btn {
  font-size: 14px;
  color: #ffffff;
  background-color: #395FF0;
  border-color: #395FF0;
}
.app-button-logout {
  width: 120px;
  height: 38px;
  display: inline-block;
  margin-top: 25px;
  margin-right: 20px;
  padding-bottom: 50px;
}
.app-button-logout .ui-action-button.btn {
  background: transparent;
  color: #5E7482;
  border: 1px solid #C2C2C2;
  border-radius: 2px;
  font-size: 14px;
}
.timeout-text {
  color: #5E7482;
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px;
  margin-bottom: 20px;
}
.divider {
  margin-top: 0px;
  margin-bottom: 0px;
}
.button {
  color: black;
}
.button:hover {
  color: white;
}
.registration-container {
  position: relative;
}
.registration-container .registration-component {
  padding: 20px;
  margin-bottom: 15px;
  background-color: #ffffff;
  text-align: center;
}
.registration-container .registration-content {
  padding-top: 40px;
  padding-bottom: 40px;
  min-height: 510px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.registration-container .registration-content .h3 {
  padding-left: 30px;
}
.registration-container .registration-content .form-control {
  width: 90%;
}
.registration-container .registration-content.success,
.registration-container .registration-content.failure {
  padding-top: 100px;
}
.registration-container .registration-content .ui-radio-input input {
  height: auto;
}
.registration-container .registration-content .recaptcha-content {
  padding: 1.1em 0;
  max-width: 50%;
}
.registration-container .registration-content.failure img.reactivate-icon,
.registration-container .registration-content.failure h1.registration-title,
.registration-container .registration-content.failure div.registration-desc {
  padding-bottom: 20px;
}
.registration-container .registration-content.failure h1.registration-title {
  font-family: Roobert Medium, sans-serif;
}
.registration-container .registration-content.failure div.registration-desc {
  font-weight: 900;
}
.registration-container .registration-content.failure div.registration-desc span.nextline {
  display: block;
}
.registration-container .registration-content.failure img.reactivate-icon {
  min-width: 100%;
  height: 75px;
}
.registration-container .registercomplete-title {
  font-size: 32px;
  color: #00406e;
}
.registration-container .register-title {
  padding-bottom: 15px;
}
.registration-container .registration-desc {
  font-size: 18px;
  color: #00406e;
  padding-top: 10px;
  text-align: center;
}
.registration-container .registration-footer {
  padding-top: 20px;
  padding-bottom: 20px;
}
.registration-container .registration-footer > button:not(:first-child) {
  margin-left: 10px;
}
.registration-container .registration-footer .email-showlogin {
  width: 160px;
  height: 38px;
}
.registration-container .registration-footer .email-showlogin:hover {
  border: none;
}
.registration-container .registration-footer .registration-button {
  margin-top: 15px;
}
.registration-container .email-activation-footer {
  padding-top: 50px;
}
.common-modal .modal-content .modal-body form hr {
  border-top: 1px solid #b3b5b6;
}
.ui-submit-button.btn-sm {
  display: inline-block;
  width: unset;
}
.name-label {
  width: 50%;
}
.tsys-disclaimer {
  text-align: left;
  padding-top: 20px;
}
.emailHeader {
  display: inline-block;
}
.registration-title {
  padding-left: 40px;
  display: inline-block;
  font-family: Roobert Medium, sans-serif;
}
.email-activation-regtitle {
  font-size: 36px;
}
.emailActivationFooter {
  padding-top: 0px;
}
.email-activation-desc {
  padding-left: 103px;
  margin-top: -10px;
  position: absolute;
}
.email-activation-footer {
  margin-left: -244px;
}
.contactus-successmodal-container .modal.in .modal-dialog {
  width: 960px !important;
}
.contactus-successmodal-container .modal.in .modal-dialog .modal-content {
  padding-left: 40px;
}
.contactus-successmodal-container .modal.in .modal-dialog .modal-content .modal-body {
  display: none;
}
.contactus-successmodal-container .modal.in .modal-dialog {
  width: 960px !important;
}
.contactus-successmodal-container .modal.in .modal-dialog .modal-content {
  padding-left: 40px;
}
div[name="contactUsSuccessModal"] .modal-dialog {
  width: 960px;
}
div[name="contactUsSuccessModal"] .modal-dialog .modal-content {
  border-radius: 0px;
  transform: translateY(50%);
}
div[name="registerSuccessModal"] .modal-dialog {
  width: 960px;
}
div[name="registerSuccessModal"] .modal-dialog .modal-content {
  border-radius: 0px;
  transform: translateY(50%);
}
.emailReactivation-desc {
  padding-top: 12px;
}
.emailReactivation-desc2 {
  padding-top: 0px;
  text-align: initial;
}
.email-reactivation-desc-container {
  padding-left: 100px;
  margin-top: -34px;
  position: absolute;
}
.classDisplayContent {
  display: contents;
}
.emailReActImageSpan {
  position: relative;
}
.emailReActImage {
  margin-top: 20px;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog {
  max-width: 500px;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content {
  border-radius: 10px;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .mfa-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div h2.mfa-header {
  font-family: Roobert Medium, sans-serif;
  font-size: 22px;
  line-height: 24px;
  color: #000000;
  margin: 0;
  text-align: left;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div hr {
  border-top: 1px solid #b3b5b6;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button {
  transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease, border-color 0.3s ease, outline-color 0.3s ease, box-shadow 0.3s ease;
  font-family: Roobert Medium, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  border-radius: 18px;
  min-width: 96px;
  height: 36px;
  min-height: 36px;
  padding: 0 20px;
  box-sizing: border-box;
  gap: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  outline: 3px solid transparent;
  transition: all 0.3s ease;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:hover,
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:focus,
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:active {
  text-decoration: none;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:focus,
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:active {
  box-shadow: none;
  outline: 3px solid rgba(75, 205, 62, 0.25);
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:hover,
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:focus,
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:active {
  text-decoration: none;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:focus,
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:active {
  box-shadow: none;
  outline: 3px solid transparent;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button.fis-purple-button {
  background-color: #431C5B;
  color: #ffffff;
  border: 2px solid transparent;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button.fis-purple-button:hover {
  background-color: #E9E3F0;
  color: #000000;
  box-shadow: none;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button.fis-purple-button-secondary {
  background-color: #E9E3F0;
  color: #000000;
  border: 2px solid transparent;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button.fis-purple-button-secondary:hover {
  background-color: #E9E3F0;
  box-shadow: none;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer button.ui-action-button:disabled {
  background-color: #E4E4E9;
  color: #BBBCC8;
  cursor: default;
}
@media (max-width: 767px) {
  .ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .common-modal-footer {
    justify-content: flex-end;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .modal-body {
    padding: 0 20px 20px;
  }
  .ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .mfa-header-row {
    margin-bottom: 10px;
  }
  .ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div hr {
    margin-left: 0;
    margin-right: 0;
  }
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .mfa-common-pad > .alert-error {
  margin-bottom: 20px;
  padding: 20px;
  gap: 16px;
  background: #FFDCDE;
  border: 1px solid #CE1518;
  color: #CE1518;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .passcode-input-div {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .passcode-input-div .reg-input {
  width: 100%;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .passcode-input-div .reg-input .ui-text-input {
  width: 100%;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .mfa-description .passcode-desc-verify {
  margin-bottom: 20px;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .mfa-description .passcode-desc-verify span.maskedEmail {
  font-family: Roobert Bold, sans-serif;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .request-code {
  color: #323436;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .request-code span.countdown-timer {
  font-family: Roobert Bold, sans-serif;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .floating-form-group {
  margin-bottom: 0;
  width: 100%;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div .floating-form-group .ui-text-input {
  border-radius: 10px;
  width: 100%;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div button.ui-action-link.btn.btn-link {
  padding-left: 0;
  text-decoration: none;
  color: #048A81;
  font-family: Roobert Medium, sans-serif;
}
.ui-modal div[name="GetStartedRegisterConfirmMfa"].modal-dialog .modal-content .modal-body > form > div button.ui-action-link.btn.btn-link:hover {
  color: #048A81;
  text-decoration: underline solid 2px;
  text-underline-offset: 5px;
}
/* ======== Tab fade effect ======== */
.fade-enter {
  opacity: 0.01;
}
.fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}
.fade-leave {
  opacity: 1;
  transition: opacity 100ms ease-in;
}
.fade-leave.fade-leave-active {
  opacity: 0.01;
}
/* ======== Page / Section Load Effect ======== */
.spinner,
.spinner:before,
.spinner:after {
  background: #395FF0;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.spinner {
  color: #395FF0;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.spinner:before,
.spinner:after {
  position: absolute;
  top: 0;
  content: '';
}
.spinner:before {
  left: -1.5em;
  animation-delay: -0.32s;
}
.spinner:after {
  left: 1.5em;
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes fadeInFast {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hideAndShow {
  0% {
    display: none;
  }
  100% {
    display: block;
  }
}
@keyframes widthIncrease {
  0% {
    width: 40vw;
  }
  33% {
    width: 45vw;
  }
  66% {
    width: 50vw;
  }
  100% {
    width: auto;
  }
}
.app-spinner-wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-top: 10%;
  padding-left: 15px;
  padding-right: 15px;
  color: #ffffff;
  background-color: #00406e;
  text-align: center;
  font-size: 40px;
  opacity: 0.6;
  z-index: 9999;
}
.app-spinner-wrapper.fade-in {
  animation-name: fadein;
  animation-duration: 5s;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes animlineUp {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
.line-up-animation {
  animation: 2s animlineUp ease-out;
}
.line-up-animation-delay {
  animation: 2.4s animlineUp 100ms ease-out;
}
.line-up-animation-long {
  animation: 3s animlineUp ease-in-out;
}
.line-up-fade-in {
  animation: fadeInFast 2s ease;
}
.community-container {
  position: relative;
}
.community-container .community-header {
  height: 600px;
  border-bottom: 40px solid #395FF0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
}
.community-container .community-header .banner {
  padding-top: 140px;
  background-image: none;
  color: #395FF0;
}
.community-container .community-header .banner .summary {
  font-size: 18px;
}
.community-container .community-posts .posts-title {
  padding-top: 20px;
  color: #395FF0;
}
.community-container .community-posts .posts-title hr {
  border: 1px solid #395FF0;
  border-radius: 10px;
}
.community-container .community-excerpt-container {
  margin-bottom: 30px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .community-container .community-excerpt-container {
    margin-left: 8%;
    margin-right: 8%;
  }
}
@media (max-width: 480px) {
  .community-container .community-excerpt-container {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.community-container .community-excerpt-container .community-excerpt {
  color: #31373b;
  border: 1px solid #395FF0;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-origin: border-box;
}
.community-container .community-excerpt-container .community-excerpt .excerpt-content {
  position: absolute;
}
.community-container .community-excerpt-container .community-excerpt .excerpt-content .post-meta {
  color: #9ea5af;
  font-size: 12px;
}
.community-container .community-excerpt-container .community-excerpt .excerpt-content .post-meta .post-date {
  padding-left: 10px;
}
.community-container .community-excerpt-container .community-excerpt .excerpt-content .excerpt-header {
  padding: 15px;
  background-color: #ffffff;
  margin: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 25%;
}
.community-container .community-excerpt-container .community-excerpt .excerpt-content .excerpt-header .post-author-image {
  float: left;
  height: 48px;
  width: 48px;
  border: 1px solid #395FF0;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  background-origin: border-box;
}
.community-container .community-excerpt-container .community-excerpt .excerpt-content .excerpt-header .excerpt-header-text {
  float: left;
  padding-left: 15px;
  vertical-align: top;
  width: calc(100% - 48px);
}
.community-container .community-excerpt-container .community-excerpt .excerpt-content .excerpt-header h3 {
  font-size: 20px;
}
.community-container .community-excerpt-container .community-excerpt .excerpt-content .excerpt-text {
  padding: 15px;
  height: 75%;
}
.community-container .community-excerpt-container .community-excerpt .excerpt-readmore {
  position: absolute;
  height: 50px;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.community-container .community-excerpt-container .community-excerpt.horizontal-post,
.community-container .community-excerpt-container .community-excerpt.horizontal-small-post {
  width: 100%;
  height: 300px;
  background-position: left center;
  background-size: 50% 100%;
}
.community-container .community-excerpt-container .community-excerpt.horizontal-post .excerpt-content,
.community-container .community-excerpt-container .community-excerpt.horizontal-small-post .excerpt-content {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 50%;
}
.community-container .community-excerpt-container .community-excerpt.horizontal-post .excerpt-readmore,
.community-container .community-excerpt-container .community-excerpt.horizontal-small-post .excerpt-readmore {
  right: 0px;
  bottom: 0px;
  left: 50%;
}
.community-container .community-excerpt-container .community-excerpt.vertical-post {
  width: 100%;
  height: 630px;
  background-position: center top;
  background-size: 100% 300px;
}
.community-container .community-excerpt-container .community-excerpt.vertical-post .excerpt-content {
  top: 50%;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.community-container .community-excerpt-container .community-excerpt.vertical-post .excerpt-readmore {
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.community-container .community-excerpt-container .community-excerpt.small-post {
  width: 100%;
  height: 300px;
  background-position: center center;
  background-size: 100% 100%;
}
.community-container .community-excerpt-container .community-excerpt.small-post .excerpt-content {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.community-container .community-excerpt-container .community-excerpt.small-post .excerpt-readmore {
  display: none;
}
.community-container .community-excerpt-container .community-excerpt.small-post .excerpt-text {
  display: none;
}
@media (max-width: 991px) {
  .community-container .community-excerpt-container .community-excerpt.vertical-post {
    height: 300px;
    background-position: left center;
    background-size: 50% 100%;
  }
  .community-container .community-excerpt-container .community-excerpt.vertical-post .excerpt-content {
    top: 0px;
    left: 50%;
  }
  .community-container .community-excerpt-container .community-excerpt.horizontal-small-post {
    background-position: center center;
    background-size: 100% 100%;
  }
  .community-container .community-excerpt-container .community-excerpt.horizontal-small-post .excerpt-content {
    left: 0px;
  }
  .community-container .community-excerpt-container .community-excerpt.horizontal-small-post .excerpt-readmore {
    display: none;
  }
  .community-container .community-excerpt-container .community-excerpt.horizontal-small-post .excerpt-text {
    display: none;
  }
}
@media (max-width: 767px) {
  .community-container .community-excerpt-container .community-excerpt.vertical-post {
    height: 630px;
    background-position: center top;
    background-size: 100% 300px;
  }
  .community-container .community-excerpt-container .community-excerpt.vertical-post .excerpt-content {
    top: 50%;
    left: 0px;
  }
  .community-container .community-excerpt-container .community-excerpt.horizontal-post {
    height: 630px;
    background-position: center top;
    background-size: 100% 300px;
  }
  .community-container .community-excerpt-container .community-excerpt.horizontal-post .excerpt-content {
    top: 50%;
    left: 0px;
  }
  .community-container .community-excerpt-container .community-excerpt.horizontal-post .excerpt-readmore {
    left: 0px;
  }
  .community-container .community-excerpt-container .community-excerpt.horizontal-small-post {
    height: 630px;
    background-position: center top;
    background-size: 100% 300px;
  }
  .community-container .community-excerpt-container .community-excerpt.horizontal-small-post .excerpt-content {
    top: 50%;
    left: 0px;
    display: block;
  }
  .community-container .community-excerpt-container .community-excerpt.horizontal-small-post .excerpt-readmore {
    left: 0px;
    display: block;
  }
  .community-container .community-excerpt-container .community-excerpt.horizontal-small-post .excerpt-text {
    display: block;
  }
}
.community-container .community-excerpt-container .anchor-community-excerpt {
  color: #00406e;
}
.community-image {
  height: 300px;
  width: 300px;
  background-size: cover;
  position: static;
  float: left;
  margin-right: 20px;
}
.author-image {
  margin-bottom: 15px;
  float: left;
  height: 48px;
  width: 48px;
  border: 0.5px solid #395FF0;
  border-radius: 50%;
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}
.post-modal-title {
  margin-bottom: 20px;
  color: #00406e;
}
.post-modal-author {
  padding-left: 10px;
  font-size: 14px;
}
.community-separator {
  border-top: 1px solid #395FF0;
  clear: both;
  margin-bottom: 0px;
}
.post-modal-date {
  font-size: 14px;
}
#faqs {
  overflow-y: auto;
}
.faqs .backdrop {
  background: linear-gradient(to top left, #ffffff, #ecedef);
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: calc(100vw - 290px);
}
.faqs .content {
  padding: 30px;
  background-color: #ffffff;
  min-height: 100%;
  width: 100%;
}
.faqs .content h2.api-title {
  padding-bottom: 15px;
  font-weight: bold;
}
.faqs .content h3 {
  padding-top: 15px;
  color: #00406e;
}
.faqs .content h3.api-faq-sub-title {
  padding-top: 25px;
  font-family: Roobert Bold, sans-serif;
  font-size: 18px;
  color: #5a5f62;
}
.faqs .content p {
  padding-top: 15px;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  color: #5E7482;
}
.faqs .content .boldtext {
  color: #5a5f62;
  font-family: Roobert Bold, sans-serif;
}
.faqs .content ul.faq-list {
  margin: 20px 0px 0px -20px;
}
.faqs .content ul.faq-list li {
  padding-left: 15px;
}
.faqs .content a {
  text-decoration: underline;
  padding-right: 3px;
}
.faqs .content .faqs-changelog-section a {
  font-size: 16px;
}
.faqs .content .faqs-changelog-section p {
  margin-bottom: 0px;
}
.faqs .content .faqs-changelog-section .list-container {
  padding-left: 20px;
  padding-right: 20px;
}
.faqs .content .faqs-changelog-section .list-container ul {
  margin-bottom: 10px;
  padding-left: 0;
  color: #5E7482;
}
.faqs .content .faqs-changelog-section .list-container ul li span.desc {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #5E7482;
}
.version-grid-container {
  font-family: Roobert, sans-serif;
  display: grid;
  grid-template-columns: repeat(4, 1fr) 3fr;
}
.version-grid-container .version-grid-header-item {
  font-family: Roobert Bold, sans-serif;
  border-top: 1px solid #DDE3E8;
  border-bottom: 1px solid #DDE3E8;
  text-align: left;
  white-space: normal;
  line-height: 22.4px;
  font-size: 14px;
  color: #000000;
  padding: 19px 20px;
  max-width: 500px;
}
.version-grid-container .version-grid-header-item:first-child {
  border-left: 1px solid #DDE3E8;
}
.version-grid-container .version-grid-header-item:nth-child(5) {
  border-right: 1px solid #DDE3E8;
}
.version-grid-container .version-grid-item {
  text-align: left;
  white-space: normal;
  font-weight: 400;
  line-height: 22.4px;
  font-size: 14px;
  color: #000000;
  padding: 19px 20px;
  max-width: 500px;
}
.version-grid-container .version-grid-item-background-1 {
  background-color: #ffffff;
}
.version-grid-container .version-grid-item-background-2 {
  background-color: #F9F9FB;
}
@media (max-width: 768px) {
  .version-grid-container {
    overflow-x: auto;
    max-width: 100%;
  }
  .version-grid-container .version-grid-header-item:first-child {
    border-left: 0px;
  }
  .version-grid-container .version-grid-header-item:nth-child(5) {
    border-right: 0px;
  }
}
.ui-single-select-control,
.ui-multi-select-control {
  font-size: 14px;
}
.ui-single-select-control label.floating-label,
.ui-multi-select-control label.floating-label {
  font-size: 14px;
  color: #000000;
  padding: 6px;
  top: -16px;
}
.ui-single-select-control .Select .Select__menu .Select__menu-list .Select__option,
.ui-multi-select-control .Select .Select__menu .Select__menu-list .Select__option {
  background-color: transparent;
  padding: 8px 14px;
  font-size: 14px;
  color: #000000;
}
.ui-single-select-control .Select .Select__menu .Select__menu-list .Select__option.Select__option--is-focused,
.ui-multi-select-control .Select .Select__menu .Select__menu-list .Select__option.Select__option--is-focused {
  background-color: #f0f4f6;
  color: #000000;
}
.ui-single-select-control .Select.empty + label.floating-label,
.ui-multi-select-control .Select.empty + label.floating-label {
  font-size: 14px;
}
.ui-single-select-control .Select:not(.empty) + label.floating-label,
.ui-multi-select-control .Select:not(.empty) + label.floating-label {
  color: #000000;
}
.ui-single-select-control .Select.is-open .Select-control .Select-placeholder,
.ui-multi-select-control .Select.is-open .Select-control .Select-placeholder {
  display: none;
}
.ui-single-select-control .Select.is-open + label.floating-label,
.ui-multi-select-control .Select.is-open + label.floating-label {
  display: block;
}
.ui-single-select-control .Select .Select-control,
.ui-multi-select-control .Select .Select-control {
  border-radius: 8px;
  border: 1px solid #dde3e8;
}
.ui-single-select-control .Select .Select-control:hover,
.ui-multi-select-control .Select .Select-control:hover {
  border: 1px solid #323436;
}
.ui-single-select-control .Select .Select-control:focus,
.ui-multi-select-control .Select .Select-control:focus {
  border-color: #395FF0;
}
.ui-single-select-control .Select .Select-control .Select-placeholder,
.ui-multi-select-control .Select .Select-control .Select-placeholder {
  padding: 0px 14px;
  color: #5E7482;
}
.ui-single-select-control .Select .Select-control .Select-value,
.ui-multi-select-control .Select .Select-control .Select-value {
  padding: 5px 20px 5px 15px;
  margin: 0px;
  font-size: 14px;
}
.ui-single-select-control .Select .Select-control .Select-value .Select-value-label,
.ui-multi-select-control .Select .Select-control .Select-value .Select-value-label {
  color: #5E7482;
}
.ui-single-select-control .Select .Select-menu-outer,
.ui-multi-select-control .Select .Select-menu-outer {
  border-radius: 8px;
  margin-top: 8px;
  border: 1px solid #dde3e8;
  box-shadow: 0px 4px 6px #5e748226;
  padding: 10px;
  max-height: fit-content;
}
.ui-single-select-control .Select .Select-menu-outer .Select-menu,
.ui-multi-select-control .Select .Select-menu-outer .Select-menu {
  max-height: 200px;
}
.ui-single-select-control .Select .Select-menu-outer .Select-menu .Select-option,
.ui-multi-select-control .Select .Select-menu-outer .Select-menu .Select-option {
  background-color: transparent;
  padding: 8px 14px;
  font-size: 14px;
  color: #000000;
  font-family: Roobert, sans-serif;
}
.ui-single-select-control .Select .Select-menu-outer .Select-menu .Select-option.is-focused,
.ui-multi-select-control .Select .Select-menu-outer .Select-menu .Select-option.is-focused {
  background-color: #f0f4f6;
  color: #000000;
}
.ui-multi-select-control .Select .Select-control {
  height: inherit;
}
.floating-form-group > .Select:not(.empty) + label.floating-label,
.floating-form-group > input:not(.empty) + label.floating-label,
.floating-form-group > textarea:not(.empty) + label.floating-label {
  z-index: 0;
}
.color-coded-selects .success-color .Select__multi-value {
  width: fit-content;
  padding: 2px 6px;
  border-radius: 8px;
  margin-left: 5px;
  background: #E7FADB;
  color: #028053;
}
.color-coded-selects .success-color .Select__multi-value .Select__multi-value__label {
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
}
.color-coded-selects .success-color .Select__multi-value .Select__multi-value__remove {
  padding: 0px;
}
.color-coded-selects .success-color .Select__multi-value .Select__multi-value__remove svg {
  width: 20px;
  height: 20px;
}
.color-coded-selects .success-color .Select__multi-value .Select__multi-value__label {
  color: #028053;
}
.color-coded-selects .warning-color .Select__multi-value {
  width: fit-content;
  padding: 2px 6px;
  border-radius: 8px;
  margin-left: 5px;
  background: #FFE9D3;
  color: #9F5917;
}
.color-coded-selects .warning-color .Select__multi-value .Select__multi-value__label {
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
}
.color-coded-selects .warning-color .Select__multi-value .Select__multi-value__remove {
  padding: 0px;
}
.color-coded-selects .warning-color .Select__multi-value .Select__multi-value__remove svg {
  width: 20px;
  height: 20px;
}
.color-coded-selects .warning-color .Select__multi-value .Select__multi-value__label {
  color: #9F5917;
}
.common-collapse .border {
  background-color: #F2F4F5;
  box-shadow: 0px 2px 10px #5e748226;
  border-radius: 8px;
  border: 1px solid #dde3e8;
}
.common-collapse.expanded > .toggle .toggle-up {
  display: block;
}
.common-collapse.expanded > .toggle .toggle-down {
  display: none;
}
.common-collapse.expanded > .content {
  display: block;
}
.common-collapse .toggle {
  width: 100%;
  background-color: transparent;
  border: none;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000000;
  cursor: pointer;
}
.common-collapse .toggle .toggle-up {
  display: none;
}
.common-collapse .toggle h3 {
  font-size: 18px;
}
.common-collapse .toggle.no-space {
  justify-content: flex-start;
}
.common-collapse .toggle.no-space h3 {
  padding-left: 14px;
}
.common-collapse .content {
  display: none;
  border-top: 1px solid #dde3e8;
  padding: 24px;
}
.common-collapse .content p {
  color: #000000;
  line-height: 26px;
  font-size: 16px;
}
.common-collapse .content p a {
  color: #3F64F2;
}
.fade.dark-backdrop {
  opacity: 0.5;
  z-index: 4;
}
.app-canvas {
  min-width: 600px;
}
.app-canvas .offcanvas-header {
  padding: 24px 30px 30px 30px;
  border-bottom: 1px #DDE3E8 solid;
}
.app-canvas .offcanvas-header .offcanvas-title {
  color: #323436;
  font-family: Roobert, sans-serif;
  margin: 0px;
  width: 100%;
}
.app-canvas .offcanvas-header .offcanvas-title .canvas-title-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 26px;
  font-size: 24px;
  font-family: Roobert Bold, sans-serif;
}
.app-canvas .offcanvas-header .offcanvas-title .canvas-title-heading button {
  background: none;
  border: none;
  font-size: 16px;
  font-style: normal;
  font-family: Roobert Bold, sans-serif;
  line-height: 22px;
  color: #5E7482;
  vertical-align: middle;
  text-wrap: nowrap;
  padding: 0;
  margin-right: 12px;
}
.app-canvas .offcanvas-header .offcanvas-title .canvas-title-heading button .api-triangle::before {
  line-height: normal;
  padding: 1px 17px 3px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "FontAwesome";
  content: "\f0d8";
  color: #5E7482;
  font-size: 20px;
  margin-right: -10px;
}
.app-canvas .offcanvas-header .offcanvas-title .canvas-title-heading button.collapsed .api-triangle::before {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 17px 2px 9px;
  font-family: "FontAwesome";
  content: "\f0da";
  color: #5E7482;
  font-size: 20px;
  margin-right: -9px;
}
.app-canvas .offcanvas-header .offcanvas-title .canvas-title-heading button .api-triangle:hover {
  border-radius: 6px;
  background-color: #DDE3E8;
}
.app-canvas .offcanvas-header .offcanvas-title .canvas-title-heading button .fa-times {
  font-size: 22px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 1px 2px 1px 2px;
  border-radius: 4px;
  margin: 0;
}
.app-canvas .offcanvas-header .offcanvas-title .canvas-title-heading button .fa-times:hover {
  background: #f0f4f6;
}
.app-canvas .offcanvas-header .offcanvas-title .canvas-title-heading button .fa-times:active {
  color: #ffffff;
  background: #395FF0;
}
.app-canvas .offcanvas-header .offcanvas-title .canvas-title-heading button .fa-times:focus {
  color: #ffffff;
  background: #395FF0;
  box-shadow: 0px 0px 0px 3px #395FF040;
}
.app-canvas .offcanvas-header .offcanvas-title .canvas-title-heading button:focus .fa-times {
  color: #ffffff;
  background: #395FF0;
}
.app-canvas .offcanvas-header .offcanvas-title .canvas-sub-text {
  padding-top: 10px;
  font-size: 18px;
}
.app-canvas .offcanvas-body {
  padding: 30px 30px 75px 30px;
  overflow-y: auto;
  height: calc(100vh - 75px);
  font-family: Roobert, sans-serif;
  color: #323436;
  font-size: 15px;
  font-style: normal;
  line-height: 19px;
}
.app-canvas .offcanvas-body .app-canvas-subheader {
  font-size: 18px;
  line-height: 22px;
  font-family: Roobert Bold, sans-serif;
  margin-top: 18px;
  margin-bottom: 10px;
}
.app-canvas .offcanvas-body .app-canvas-sub-desc {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 20px;
}
.app-canvas .offcanvas-body .app-canvas-collapse-card {
  border: 1px solid #DDE3E8;
  border-radius: 8px;
  margin-bottom: 30px;
}
.app-canvas .offcanvas-body .app-canvas-collapse-card .fill-width,
.app-canvas .offcanvas-body .app-canvas-collapse-card .half-width {
  padding: 30px;
}
.app-canvas .offcanvas-body .app-canvas-collapse-card .app-canvas-collapse-card-button {
  width: 100%;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  background: none;
  border: none;
  font-family: Roobert Bold, sans-serif;
  display: flex;
  justify-content: space-between;
}
.app-canvas .offcanvas-body .app-canvas-collapse-card .app-canvas-collapse-card-button.collapsed {
  padding-bottom: 0;
}
.app-canvas .offcanvas-body .app-canvas-collapse-card .app-canvas-collapse-card-button .api-triangle::before {
  line-height: normal;
  padding: 1px 17px 3px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "FontAwesome";
  content: "\f0d8";
  color: #5E7482;
  font-size: 20px;
  margin-right: 0px;
}
.app-canvas .offcanvas-body .app-canvas-collapse-card .app-canvas-collapse-card-button.collapsed .api-triangle::before {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 17px 2px 9px;
  font-family: "FontAwesome";
  content: "\f0da";
  color: #5E7482;
  font-size: 20px;
  margin-right: 0px;
}
.app-canvas .offcanvas-body .app-canvas-collapse-card .app-canvas-collapse-card-button .api-triangle:hover {
  border-radius: 6px;
  background-color: #DDE3E8;
}
.app-canvas .offcanvas-body .app-canvas-collapse-card .app-canvas-collapse-card-field {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
}
.app-canvas .offcanvas-body .form-control {
  box-shadow: none;
}
.app-canvas .offcanvas-body .canvas-footer .body-canvas-divider {
  height: 20px;
  border-top: 1px #DDE3E8 solid;
  left: -30px;
  position: relative;
  width: calc(100% + 60px);
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers {
  display: flex;
  justify-content: end;
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers button .sys-solid-fa-sync-alt {
  display: block;
  -webkit-animation: loader-animation 1200ms infinite linear;
  -o-animation: loader-animation 1200ms infinite linear;
  animation: loader-animation 1200ms infinite linear;
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-submit-button {
  background-color: #395FF0;
  color: #ffffff;
  border: 1px solid #395FF0;
  transition-duration: 250ms;
  font-family: Roobert, sans-serif;
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-submit-button:hover {
  background-color: #1D3282;
  color: #ffffff;
  border: 1px solid #1D3282;
  transition-duration: 250ms;
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-submit-button:active {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-submit-button:focus {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-submit-button:focus:not(:focus-visible) {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-submit-button:focus-visible {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-submit-button:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 1px solid #dde3e8;
  opacity: 1;
  cursor: default;
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-action-button {
  background-color: #ffffff;
  color: #000000;
  border: 1.5px solid #000000;
  font-family: Roobert, sans-serif;
  margin-right: 20px;
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-action-button:hover {
  background-color: #ffffff;
  color: #395FF0;
  border: 1.5px solid #395FF0;
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-action-button:active {
  background-color: #ffffff;
  color: #1D3282;
  border: 1px solid #1D3282;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-action-button:focus {
  background-color: #ffffff;
  color: #395FF0;
  border: 1px solid #395FF0;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-action-button:focus:not(:focus-visible) {
  background-color: #ffffff;
  color: #1D3282;
  border: 1px solid #1D3282;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.app-canvas .offcanvas-body .canvas-footer .canvas-button-footers .ui-action-button:focus-visible {
  background-color: #ffffff;
  color: #395FF0;
  border: 1px solid #395FF0;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.app-canvas .offcanvas-body .tab-content .app-canvas-note-desc {
  border: 1px solid #DDE3E8;
  border-radius: 8px;
  padding: 30px;
}
.app-canvas .offcanvas-body .tab-content .app-canvas-note-desc .note-icon {
  margin-right: 2px;
}
.app-canvas .offcanvas-body hr.divide {
  border-color: #333;
}
.toast-message {
  display: flex;
  opacity: 0;
  border: 1px solid #4E4E4E;
  background-color: #000000;
  color: #ffffff;
  position: fixed;
  width: 500px;
  z-index: 10;
  align-items: stretch;
  padding: 20px;
  font-family: Roobert, sans-serif;
}
.toast-message .icon-container {
  border-radius: 6px;
  height: 34px;
  width: 34px;
  padding: 5px;
  margin-right: 20px;
}
.toast-message .icon-container svg {
  width: 24px;
}
.toast-message .icon-container.SUCCESS {
  background-color: #E7FADB;
}
.toast-message .icon-container.SUCCESS svg {
  color: #028053;
}
.toast-message .icon-container.WARNING {
  background-color: #FFE9D3;
}
.toast-message .icon-container.WARNING svg {
  color: #EB7200;
}
.toast-message .icon-container.ERROR {
  background-color: #FFDCDE;
}
.toast-message .icon-container.ERROR svg {
  color: #CE1518;
}
.toast-message .icon-container.INFO {
  background-color: #E8F0FE;
}
.toast-message .icon-container.INFO svg {
  color: #395FF0;
}
.toast-message section {
  flex-basis: 82%;
  display: flex;
  flex-direction: column;
}
.toast-message section .message-title {
  font-size: 16px;
  align-self: flex-start;
  font-weight: 600;
  line-height: 24px;
}
.toast-message section .message-detail {
  font-size: 14px;
  align-self: stretch;
  line-height: 22px;
  padding-top: 5px;
}
.toast-message .close-button {
  border-style: none;
  align-self: flex-start;
  background-color: inherit;
  color: #DDE3E8;
}
@media (max-width: 767px) {
  .toast-message {
    max-width: 300px;
  }
}
.app-dropdown-select {
  position: relative;
  border-radius: 0;
  border: 1px solid #DDE3E8;
  box-shadow: none;
  background-clip: padding-box;
  min-height: 48px;
  width: 100%;
  margin-right: 30px;
}
.app-dropdown-select .dropdown-backdrop {
  display: none;
}
.app-dropdown-select.show button.dropdown-toggle .select-title .placeholder,
.app-dropdown-select.selected button.dropdown-toggle .select-title .placeholder {
  position: absolute;
  padding: 6px;
  top: -20px;
  left: 8px;
  background-color: #ffffff;
}
.app-dropdown-select #events-apis .select-title {
  max-width: 90%;
}
.app-dropdown-select.show:not(.selected) button.dropdown-toggle#events-apis {
  padding: 20px;
}
.app-dropdown-select.selected button.dropdown-toggle {
  padding-bottom: 0px;
}
.app-dropdown-select button.dropdown-toggle {
  width: 100%;
  padding: 20px;
  margin: 0px;
  border-radius: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  font-size: 14px;
  border: 2px solid transparent;
}
.app-dropdown-select button.dropdown-toggle.active {
  color: #048A81;
  box-shadow: none;
}
.app-dropdown-select button.dropdown-toggle:hover {
  border: 2px solid #048A81;
  outline: none;
}
.app-dropdown-select button.dropdown-toggle:focus {
  border: 2px solid #048A81;
  outline: none;
}
.app-dropdown-select button.dropdown-toggle svg {
  height: 20px;
  width: 20px;
  color: #5E7482;
}
.app-dropdown-select .dropdown-menu {
  padding: 0px 0px;
}
.app-dropdown-select .dropdown-menu li.select-item:hover {
  background-color: #f0f4f6;
}
.app-dropdown-select .dropdown-menu li.select-item:last-child > a {
  border-bottom: none;
}
.app-dropdown-select .dropdown-menu li.select-item a {
  background-color: transparent;
  white-space: initial;
  padding: 20px 20px;
  color: #5E7482;
  font-family: Roobert Medium, sans-serif;
}
.app-dropdown-select .dropdown-menu li.select-item a:hover,
.app-dropdown-select .dropdown-menu li.select-item a:focus {
  background-color: transparent;
}
.app-dropdown-select .dropdown-menu li.select-item a input {
  margin-right: 15px;
  accent-color: #431C5B;
}
.app-dropdown-select .dropdown-menu li.select-item a span {
  margin-bottom: 0px;
  margin-top: 5px;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  color: #5a5f62;
}
.app-dropdown-select .dropdown-menu li.select-item a .desc {
  margin-top: 5px;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  color: #5a5f62;
}
.app-dropdown-select .dropdown-menu li.select-item.select-active a {
  color: #048A81;
}
.app-dropdown-select .dropdown-menu li.select-item.select-item-disabled {
  background-color: #dde3e8;
  cursor: not-allowed;
}
.app-dropdown-select .dropdown-menu li.select-item.select-item-disabled:hover {
  background-color: #dde3e8;
}
.app-dropdown-select .dropdown-menu li.select-item.select-item-disabled > a {
  pointer-events: none;
  opacity: 0.5;
  color: #5E7482;
}
.app-dropdown-select .dropdown-menu li.select-item.select-item-disabled > a span,
.app-dropdown-select .dropdown-menu li.select-item.select-item-disabled > a .desc {
  color: #5E7482;
}
.app-dropdown-select .dropdown-menu li.select-item.select-item-disabled > a input {
  cursor: not-allowed;
}
.app-dropdown-select.border-highlight {
  border: 1px solid #00406e;
}
.app-dropdown-select.highlight {
  border-color: #048A81;
}
.app-dropdown-select .select-item {
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: capitalize;
  font-size: 14px;
}
.app-dropdown-select .select-item .api-url-path {
  text-transform: none;
}
@media (max-width: 992px) {
  .app-dropdown-select .select-item {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.app-dropdown-select .select-item a {
  padding: 0px 10px 0px 10px;
}
.app-dropdown-select .select-item a:hover,
.app-dropdown-select .select-item a:focus {
  background-color: #f0f4f6;
  background-image: none;
  cursor: pointer;
}
.app-dropdown-select .select-title {
  padding-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.app-dropdown-select .select-title.zoom:hover {
  position: initial;
  left: -4px;
  white-space: nowrap;
  background-color: #ffffff;
  z-index: 5;
  text-overflow: initial;
  overflow: initial;
  max-width: none;
  box-shadow: 2px 2px 10px #dfe1e6;
  animation: fadeIn linear 2s;
}
.app-dropdown-select .select-title .placeholder {
  font-size: 14px;
  color: #000000;
  background: none;
  opacity: 1;
}
.app-dropdown-select .select-title .selected-items {
  display: flex;
  flex-wrap: wrap;
}
.app-dropdown-select .select-title .selected-items .events-selected-item {
  font-family: Roobert, sans-serif;
  font-size: 14px;
  background-color: #dde3e8;
  color: #000000;
  padding: 5px 15px;
  margin: 0px 10px 10px 0px;
}
.app-dropdown-select .select-single-control {
  height: auto;
  width: auto;
  padding: 6px 14px;
}
@media (max-width: 992px) {
  .app-dropdown-select .select-single-control {
    height: auto;
    width: auto;
  }
}
@media (max-width: 1199px) {
  .app-dropdown-select .select-single-control {
    height: auto;
    width: auto;
  }
}
.app-dropdown-select .select-single-control .fa-chevron-down {
  display: none;
}
.app-dropdown-select svg {
  position: absolute;
  font-size: 28px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #31373b;
}
.app-dropdown-select.dropdown.show {
  display: flex;
}
.app-dropdown-select.dropdown.show .fa-chevron-down {
  display: none;
}
.app-dropdown-select.dropdown:not(.show) .fa-chevron-up {
  display: none;
}
.app-dropdown-select .select-content {
  z-index: 3;
  width: calc(100% + 2px);
  margin-left: -1px;
  margin-top: 10px;
  border-radius: 8px;
  max-height: 325px;
  overflow: auto;
}
.app-dropdown-select button {
  display: flex;
  border-radius: 8px;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.app-dropdown-select button .select-label {
  height: 22px;
  color: #5E7482;
  margin: 0px 0px 0px 4px;
}
.app-dropdown-select button svg {
  font-size: 18px;
}
.app-dropdown-select button svg.svg-inline--fa.fa-w-14 {
  width: auto;
}
.app-dropdown-select:hover {
  cursor: pointer;
  background-color: #f7f9fb;
}
.app-dropdown-select .select-title {
  position: static;
  color: #323436;
  flex: none;
  order: 0;
  flex-grow: 0;
  padding-left: 0px;
  padding-right: 14px;
  max-width: -webkit-fill-available;
  color: #5E7482;
  font-size: 14px;
}
.app-dropdown-select .select-title .dropdown-label span {
  color: #5E7482;
}
.filter-dropdown {
  flex-direction: column;
}
@media (max-width: 768px) {
  .filter-dropdown {
    margin-top: 30px;
  }
}
.filter-dropdown .filter-label {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #5a5f62;
}
.filter-dropdown .empty-dropdown {
  font-size: 16px;
  font-weight: 600;
  color: #5a5f62;
}
.filter-dropdown .app-dropdown-select {
  min-width: 200px;
  max-width: 250px;
  width: 150px;
}
.filter-dropdown .app-dropdown-select .dropdown-menu .select-item a {
  padding-top: 8px;
  padding-bottom: 8px;
}
.filter-dropdown .app-dropdown-select button {
  position: absolute;
}
.lg-select-control.app-dropdown-select .select-title {
  width: 94%;
  padding: 0px;
  white-space: pre-wrap;
  overflow: unset;
  text-overflow: unset;
  flex-grow: 1;
  text-align: left;
}
@media (max-width: 320px) {
  .lg-select-control.app-dropdown-select .select-title .lg-select-control.app-dropdown-select .select-title {
    min-width: 240px;
  }
}
.lg-select-control.app-dropdown-select .operation-select-content .operation-method {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 10px;
  gap: 4px;
  max-width: fit-content;
  height: 28px;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
}
.lg-select-control.app-dropdown-select .operation-select-content .operation-method.get,
.lg-select-control.app-dropdown-select .operation-select-content .operation-method.put,
.lg-select-control.app-dropdown-select .operation-select-content .operation-method.delete {
  background: #E8F0FE;
  color: #395FF0;
}
.lg-select-control.app-dropdown-select .operation-select-content .operation-method.post {
  background: #E7FADB;
  color: #028053;
}
.lg-select-control.app-dropdown-select .operation-select-content .operation-method.success {
  background: #E7FADB;
  color: #028053;
}
.lg-select-control.app-dropdown-select .operation-select-content .operation-method.failure {
  background: #FFDCDE;
  color: #CE1518;
}
.lg-select-control.app-dropdown-select .operation-select-content .operation-info {
  margin-right: 0px;
  padding: 0px;
  word-break: break-word;
  flex-basis: 100%;
}
.lg-select-control.app-dropdown-select .operation-select-content .operation-info label.select-label {
  margin-bottom: 0px;
  margin-top: 10px;
  font-family: Roobert Bold, sans-serif;
  font-size: 16px;
  color: #323436;
  line-height: 24px;
}
.lg-select-control.app-dropdown-select .operation-select-content .operation-info > div {
  margin-top: 4px;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  color: #5E7482;
  line-height: 22px;
}
.lg-select-control.app-dropdown-select .dropdown-menu .select-item.select-active {
  background-color: #f0f4f6;
}
.lg-select-control.app-dropdown-select .dropdown-menu .select-item.select-active a {
  background-color: transparent;
}
.lg-select-control.app-dropdown-select .dropdown-menu .select-item.select-active a .operation-select-content {
  display: flex;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
}
.lg-select-control.app-dropdown-select .dropdown-menu .select-item.select-active a .operation-select-content .operation-method.get,
.lg-select-control.app-dropdown-select .dropdown-menu .select-item.select-active a .operation-select-content .operation-method.put {
  border: 1px solid #395FF0;
}
.lg-select-control.app-dropdown-select .dropdown-menu .select-item.select-active a .operation-select-content .operation-method.post {
  border: #028053;
}
.lg-select-control.app-dropdown-select .dropdown-menu .bottom-border-without-addtl-padding {
  display: none;
}
.lg-select-control.app-dropdown-select button .select-title .operation-select-content .operation-method {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 10px;
  gap: 4px;
  max-width: fit-content;
  height: 28px;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
}
.lg-select-control.app-dropdown-select button .select-title .operation-select-content .operation-method.get,
.lg-select-control.app-dropdown-select button .select-title .operation-select-content .operation-method.put,
.lg-select-control.app-dropdown-select button .select-title .operation-select-content .operation-method.delete {
  background: #E8F0FE;
  color: #395FF0;
}
.lg-select-control.app-dropdown-select button .select-title .operation-select-content .operation-method.post {
  background: #E7FADB;
  color: #028053;
}
.lg-select-control.app-dropdown-select button .select-title .operation-select-content .operation-method.success {
  background: #E7FADB;
  color: #028053;
}
.lg-select-control.app-dropdown-select button .select-title .operation-select-content .operation-method.failure {
  background: #FFDCDE;
  color: #CE1518;
}
.lg-select-control.app-dropdown-select .select-single-control {
  padding: 20px;
}
.lg-select-control.app-dropdown-select svg {
  color: #395FF0;
  position: static;
  transform: none;
  padding: 0px;
  font-size: 20px;
}
.dropdown-toggle::after {
  display: none;
}
.app-dropdown-select .dropdown-toggle[aria-expanded="true"] .fa-chevron-up {
  display: inline-block;
}
.app-dropdown-select .dropdown-toggle[aria-expanded="true"] .fa-chevron-down {
  display: none;
}
.app-dropdown-select .dropdown-toggle[aria-expanded="false"] .fa-chevron-up {
  display: none;
}
.app-dropdown-select .dropdown-toggle[aria-expanded="false"] .fa-chevron-down {
  display: inline-block;
}
.comparison-table {
  font-size: 16px;
  border: 1px solid #DDE3E8;
  box-shadow: 0px 2px 10px 0px #5e748226;
  background-color: #ffffff;
  margin-top: 80px;
  padding: 30px;
  color: #323436;
  overflow-x: auto;
  display: flex;
  flex-direction: column;
}
.comparison-table .table-row {
  display: grid;
  grid-template-columns: minmax(190px, 0.5fr) minmax(435px, 1.25fr) minmax(435px, 1.25fr);
}
.comparison-table .table-row:nth-last-child(2) .cell {
  border-bottom: none;
}
.comparison-table .header-cell,
.comparison-table .cell {
  padding: 28px 0 28px 0;
  border-bottom: 1px solid #dde3e8;
  padding-right: 30px;
}
.comparison-table .header-cell {
  padding-top: 0;
  font-family: Roobert SemiBold, sans-serif;
  font-size: 20px;
  line-height: 24px;
  gap: 14px;
  display: flex;
  align-items: baseline;
}
.comparison-table .header-cell .icon-box {
  background-color: #692C8F;
}
.comparison-table .comparison-factor {
  color: #000000;
  border-bottom: 1px solid #dde3e8;
  font-family: Roobert SemiBold, sans-serif;
  line-height: 24px;
  font-size: 16px;
}
.comparison-table .showmore-button {
  display: flex;
  justify-content: center;
}
.comparison-table .showmore-button .ui-action-link.btn.btn-link {
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
  text-decoration: none;
  color: #000000;
}
.comparison-table .showmore-button .ui-action-link.btn.btn-link:focus,
.comparison-table .showmore-button .ui-action-link.btn.btn-link :active {
  box-shadow: none;
}
.comparison-table .showmore-button .ui-action-link.btn.btn-link:focus-visible {
  outline: 2px solid #000000;
}
.comparison-table .showmore-button .ui-action-link.btn.btn-link span {
  border-bottom: 2px solid transparent;
}
.comparison-table .showmore-button .ui-action-link.btn.btn-link span:hover {
  border-bottom: 2px solid #000000;
}
.comparison-table .showmore-button .ui-action-link.btn.btn-link > span i {
  margin-left: 6px;
  color: #048A81;
}
.guide-comparison-table .comparison-table {
  margin-top: 10px;
  margin-bottom: 20px;
  box-shadow: none;
}
.guide-comparison-table .comparison-table .icon-box {
  display: none;
}
@media (max-width: 768px) {
  .comparison-table {
    font-size: 14px;
    box-shadow: none;
  }
  .comparison-table .header-cell {
    font-size: 18px;
  }
}
.icon-box {
  background: #692C8F;
  padding: 5px;
  border-radius: 6px;
  color: #ffffff;
}
.icon-box.EXTRA_SMALL {
  height: 34px;
  width: 34px;
}
.icon-box.EXTRA_SMALL i {
  font-size: 24px;
}
.icon-box.SMALL {
  height: 44px;
  width: 44px;
  padding: 9px;
}
.icon-box.SMALL i {
  font-size: 26px;
}
.icon-box.MEDIUM {
  height: 50px;
  width: 50px;
  padding: 10px;
}
.icon-box.MEDIUM i {
  font-size: 30px;
}
.icon-box.LARGE {
  height: 60px;
  width: 60px;
  padding: 11px;
}
.icon-box.LARGE i {
  font-size: 38px;
}
.icon-box.EXTRA_LARGE {
  height: 70px;
  width: 70px;
  padding: 11px;
}
.icon-box.EXTRA_LARGE i {
  font-size: 48px;
}
.data-table {
  margin: 14px 0px 14px 0px;
  font-size: 14px;
  line-height: 22.4px;
  color: #000000;
  font-family: Roobert, sans-serif;
}
.data-table .table-header-row {
  border: 1px solid #DDE3E8;
}
.data-table .table-header-row tr th.sorted-header {
  color: #395FF0;
}
.data-table .table-header-row tr th span.sort-icons i {
  margin-left: 4px;
  font-size: 14px;
}
.data-table .table-header-row .header-value {
  font-family: Roobert Bold, sans-serif;
  text-align: left;
  padding: 19px 20px;
  border-bottom: 1px solid #DDE3E8;
  cursor: default;
}
.data-table .table-header-row .header-value.sortable {
  cursor: pointer;
}
.data-table .data-list-item {
  text-align: left;
  padding: 13px;
  margin-bottom: 0px;
}
.data-table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.data-table tbody tr:nth-child(even) {
  background-color: #F9F9FB;
}
.data-table tbody tr.no-alternate-rows {
  background-color: inherit;
}
.data-table tbody tr.highlighted-row {
  background-color: #E8F0FE;
}
.data-table tbody tr td {
  vertical-align: middle;
}
.data-table tbody tr td .ui-action-link.btn.btn-link {
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
  text-decoration: none;
  color: #395FF0;
}
.data-table tbody tr td .ui-action-link.btn.btn-link:focus,
.data-table tbody tr td .ui-action-link.btn.btn-link :active {
  box-shadow: none;
}
.data-table tbody tr td .ui-action-link.btn.btn-link:focus-visible {
  outline: 2px solid #395FF0;
}
.data-table tbody tr td .ui-action-link.btn.btn-link span {
  border-bottom: 2px solid transparent;
}
.data-table tbody tr td .ui-action-link.btn.btn-link span:hover {
  border-bottom: 2px solid #395FF0;
}
.data-table tbody tr td .ui-action-link.btn.btn-link > span i {
  margin-left: 6px;
}
.data-table tbody.no-body-border tr td {
  border: none;
}
.search-modal {
  width: 100vw;
  max-width: 100vw;
  margin: 0px;
  position: fixed;
}
.search-modal .modal-content {
  border-bottom: 1px solid #dde3e8;
  border-radius: unset;
  transform-origin: top center;
  position: absolute;
  box-shadow: none;
  top: 68px;
  max-width: 100%;
  width: 100%;
  right: 0px;
}
.search-modal .modal-content .modal-header {
  padding: 0px;
}
.search-modal .modal-content .modal-header .btn-close {
  color: #ffffff;
  opacity: 1;
}
@media (min-width: 767px) {
  .search-modal .modal-content .modal-header .btn-close {
    margin-right: -35px;
    margin-top: -20px;
  }
}
@media (max-width: 767px) {
  .search-modal .modal-content .modal-header .btn-close {
    margin-right: 5px;
  }
}
.search-modal .modal-content .modal-body {
  height: auto;
  padding: 0px;
  display: flex;
  flex-direction: column;
}
.search-modal .modal-content .modal-body .filter-align {
  height: 100vh;
  display: flex;
  background: #ffffff;
  color: #000000;
  padding: 10px 3% 10px 3%;
}
.search-modal .modal-content .modal-body .filter-align .searchResultTab {
  width: 100%;
}
.search-modal .modal-content .modal-body .filter-align .mobile-filter-header {
  display: none;
}
.search-modal .modal-content .modal-body .filter-align .filter-result-div {
  display: none;
}
.search-modal .modal-content .modal-body .filter-align .side-menu-heading {
  font-style: normal;
  color: #323436;
  margin-bottom: 25px;
  font-family: Roobert Bold, sans-serif;
  font-size: 20px;
  line-height: 22px;
}
.search-modal .modal-content .modal-body .filter-align .search-filter {
  height: calc(100vh - 380px);
  overflow-y: auto;
}
.search-modal .modal-content .modal-body .filter-align .search-filter > .content {
  padding-top: 20px;
}
.search-modal .modal-content .modal-body .filter-align .scroll-width {
  overflow-y: auto;
  height: calc(100vh - 350px);
}
.search-modal .modal-content .modal-body .filter-align .scroll-width > div:focus {
  border: 2px solid rgba(2, 120, 182, 0.5);
  border-radius: 2px;
}
.search-modal .modal-content .modal-body .filter-align .desc {
  padding-top: 5px;
  overflow-wrap: break-word;
  line-height: 26px;
  color: #5E7482;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  line-height: 28px;
}
.search-modal .modal-content .modal-body .filter-align .listHighlight {
  background-color: rgba(255, 198, 39, 0.3);
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  line-height: 22px;
  color: #5a5f62;
}
.search-modal .modal-content .modal-body .filter-align .searchResultAPI {
  padding-top: 12px;
  color: #5E7482;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  line-height: 22px;
}
.search-modal .modal-content .modal-body .filter-align .ui-hyperlink {
  width: 100%;
  text-decoration: none;
  color: inherit;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.search-modal .modal-content .modal-body .filter-align .ui-hyperlink:hover,
.search-modal .modal-content .modal-body .filter-align .ui-hyperlink:focus,
.search-modal .modal-content .modal-body .filter-align .ui-hyperlink:active,
.search-modal .modal-content .modal-body .filter-align .ui-hyperlink:visited {
  text-decoration: none;
  color: inherit;
}
.search-modal .modal-content .modal-body .filter-align .search-result {
  width: 100%;
  cursor: pointer;
}
.search-modal .modal-content .modal-body .filter-align .search-result .search-result-row {
  padding: 15px 0 15px 0;
}
.search-modal .modal-content .modal-body .filter-align .search-result .search-result-row div {
  padding-bottom: 10px;
  color: #5a5f62;
}
.search-modal .modal-content .modal-body .filter-align .search-result .row {
  padding-bottom: 10px;
  margin: 0;
}
.search-modal .modal-content .modal-body .filter-align .search-result .row .path {
  line-height: 22px;
  color: #323436;
  font-family: Roobert Bold, sans-serif;
  font-size: 20px;
  line-height: 30px;
}
.search-modal .modal-content .modal-body .filter-align .search-result .row:hover .row span:first-child {
  border-bottom: 2px solid #5a5f62;
}
.search-modal .modal-content .modal-body .filter-align .search-side-menu {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #5a5f62;
  padding-bottom: 20px;
  background: transparent;
  border: none;
  display: flex;
  width: 100%;
}
.search-modal .modal-content .modal-body .filter-align .search-side-menu .tab-tabIndex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
}
.search-modal .modal-content .modal-body .filter-align .search-side-menu .tab-tabIndex .tab-number {
  display: flex;
  padding: 4px 10px;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: #f0f4f6;
  font-family: Roobert, sans-serif;
  font-size: 14px;
}
@media (max-width: 1199px) {
  .search-modal .modal-content .modal-body .filter-align .search-side-menu {
    font-size: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .search-modal .modal-content .modal-body .filter-align .search-side-menu {
    font-size: 14px;
  }
}
.search-modal .modal-content .modal-body .filter-align .search-side-menu .active {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #4BCD3E;
}
.search-modal .modal-content .modal-body .filter-align .search-side-menu .active .tab-number {
  background: #4BCD3E;
  color: #ffffff;
}
.search-modal .modal-content .modal-body form.searchInput {
  max-width: 100%;
  margin: 0px;
  display: block;
  padding: 10px 3% 10px 3%;
  border-bottom: 1px solid #dde3e8;
}
@media (max-width: 768px) {
  .search-modal .modal-content .modal-body form.searchInput {
    border-bottom: none;
  }
}
.search-modal .modal-content .modal-body form.searchInput .input-group {
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .search-modal .modal-content .modal-body form.searchInput .input-group {
    height: 40px;
  }
}
.search-modal .modal-content .modal-body form.searchInput .input-group .searchArea {
  display: flex;
  padding: 8px 13px 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  border: 1px solid #DDE3E8;
  background: #F7F9FB;
  flex: 1;
  height: 60px;
}
@media (max-width: 768px) {
  .search-modal .modal-content .modal-body form.searchInput .input-group .searchArea {
    height: 40px;
  }
}
.search-modal .modal-content .modal-body form.searchInput .input-group .searchIconInput {
  margin: 0px 15px 0px 20px;
  background: #ffffff;
  margin-right: 15px;
  font-size: 18px;
}
@media (max-width: 768px) {
  .search-modal .modal-content .modal-body form.searchInput .input-group .searchIconInput {
    margin: 0px 12px 0px 12px;
  }
}
.search-modal .modal-content .modal-body form.searchInput .input-group .searchIconInput .ui-action-button.btn {
  height: unset;
  margin-bottom: unset;
  background: #ffffff;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .searchIconInput .btn {
  margin-bottom: unset;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .searchIconInput::selection {
  background: #ffffff;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .searchIconInput:focus {
  background: #ffffff !important;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .searchIconInput:hover {
  background-color: #ffffff;
  background: #ffffff;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .searchIconInput .fa-search,
.search-modal .modal-content .modal-body form.searchInput .input-group .searchIconInput .fa-times {
  color: #5a5f62;
  height: 22px;
  width: 22px;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .searchIconInput .fa-search:hover,
.search-modal .modal-content .modal-body form.searchInput .input-group .searchIconInput .fa-times:hover {
  cursor: pointer;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt {
  flex: 1;
  margin-right: 15px;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt .rbt-input-main {
  font-size: 22px;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid #dde3e8;
  box-shadow: none;
  color: #5E7482;
  font-family: Roobert, sans-serif;
  padding: 0px;
  margin: 0px;
  position: relative;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt .rbt-input-main .rbt-input-main {
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  position: relative;
  height: 60px;
  border: none;
  overflow: hidden;
  color: #5a5f62;
  font-feature-settings: 'clig' off, 'liga' off;
  text-overflow: ellipsis;
  font-family: Roobert, sans-serif;
  font-size: 20px;
  line-height: 32px;
  display: -webkit-box;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-shadow: none;
}
@media (max-width: 768px) {
  .search-modal .modal-content .modal-body form.searchInput .input-group .rbt .rbt-input-main .rbt-input-main {
    font-size: 14px;
    line-height: 24px;
  }
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt .rbt-input-main .rbt-input-main:not(:placeholder-shown),
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt .rbt-input-main .rbt-input-main:focus {
  border-bottom: 2px solid #dde3e8;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt .rbt-input-main .dropdown-menu > li a {
  white-space: pre-wrap;
  overflow: unset;
  text-overflow: unset;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt .rbt-input-main .dropdown-menu li.active > a {
  color: #f0f4f6;
  background-color: #f0f4f6;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt .rbt-input-main .dropdown-menu li.active > a span {
  color: #5a5f62;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt button {
  color: #ffffff;
  border-radius: 8px;
  font-family: Roobert, sans-serif;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt button .fa-search {
  margin-bottom: 5px;
  font-size: 24px;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt button .input-group-btn {
  display: block;
  width: auto;
  height: auto;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt button .input-group-btn button .fa-search {
  margin-bottom: 5px;
  font-size: 24px;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt button .input-group-btn button .fa-search:hover {
  color: #00a1af;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt button .input-group-btn button .fa-search:hover {
  color: #00a1af;
}
.search-modal .modal-content .modal-body form.searchInput .input-group .rbt button button.modalSearchButton {
  border-radius: 0px;
  text-transform: uppercase;
}
.search-modal .modal-content .modal-body form.searchInput .input-group label {
  visibility: hidden;
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  .search-modal .modal-content .modal-body form.searchInput .fa-search {
    margin-left: -3px;
  }
}
.search-modal .modal-content .modal-body form.searchInput .nav-tabs {
  border-bottom: none;
  padding-bottom: 5px;
  font-family: Roobert, sans-serif;
}
.search-modal .modal-content .modal-body form.searchInput .nav-tabs li {
  margin-right: 50px;
  z-index: 10;
}
.search-modal .modal-content .modal-body form.searchInput .nav-tabs li a {
  font-family: Roobert, sans-serif;
  color: #5a5f62;
  background-color: transparent;
  border: none;
}
.search-modal .modal-content .modal-body form.searchInput .nav-tabs > li.active > a {
  border: none;
  color: #0278B6;
  font-family: Roobert, sans-serif;
  cursor: pointer;
  border-bottom: 4px solid #0278B6;
}
.search-modal .modal-content .modal-body form.searchInput .nav-tabs > li.active > a .tab-number {
  color: #0278B6;
}
.search-modal .modal-content .modal-body form.searchInput .nav-tabs > li.active > a > li > a:focus {
  border-bottom: 4px solid #0278B6;
}
.search-modal .modal-content .modal-body form.searchInput .nav-tabs span {
  display: flex;
}
.search-modal .modal-content .modal-body form.searchInput .nav-tabs span .tab-number {
  color: #5a5f62;
  width: 33px;
  height: 33px;
  margin-left: 10px;
  padding: 10px;
  margin-left: 2px;
  border-radius: 9999px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  font-family: Roobert, sans-serif;
  padding-top: 0px;
  text-align: center;
}
.search-modal .modal-content .modal-body form.searchInput .searchDropDownIcon {
  float: right;
  color: #395FF0;
  margin-top: 14px;
}
.search-modal .modal-content .modal-body form.searchInput .margin-top {
  margin-top: 130px !important;
}
@media (max-width: 1199px) {
  .search-modal .modal-content .modal-body form.searchInput .margin-top {
    margin-top: 115px !important;
  }
}
@media (max-width: 1199px) {
  .search-modal .modal-content .modal-body form.searchInput .margin-top {
    margin-top: 30px !important;
  }
}
@media only screen and (max-width: 992px) {
  .search-modal .modal-content .modal-body form.searchInput .margin-top {
    margin-top: 30px !important;
  }
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown {
  font-size: 14px;
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown .is-focused:not(.is-open) > .Select-control {
  border-color: #80BBDA;
  box-shadow: none;
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown .Select.is-open .Select-control .Select-placeholder {
  display: block;
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown .Select-control {
  width: 100%;
  border-radius: 0px;
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown .Select-control .Select-arrow-zone .Select-arrow {
  border-color: #4BCD3E transparent transparent;
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown .Select-control .Select-placeholder {
  color: #000000;
  font-family: Roobert, sans-serif;
  font-size: 14px;
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown .Select-control .Select-value {
  margin-left: 0px;
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown .Select-input input {
  max-width: 187px;
  width: 187px;
  height: unset;
  margin-left: 0px;
  font-size: 14px;
  border-bottom: none;
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown .btn {
  margin-bottom: unset;
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown .dropdown-toggle.btn-default {
  background-color: #ffffff;
  color: #5a5f62;
  border: 1px solid #dde3e8;
  box-shadow: none;
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown button {
  background-color: #ffffff;
  border: 1px solid #dde3e8;
  border-radius: unset;
  max-width: 250px;
  width: 250px;
  height: 45px;
  margin-top: 5px;
  color: #5a5f62;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  box-shadow: none;
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown button:active {
  background-color: #ffffff;
}
@media (max-width: 1199px) {
  .search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown button {
    left: auto;
  }
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown ul {
  position: absolute;
  transform: translatex(-6.75vw);
  max-width: 250px;
  width: 250px;
  font-size: 14px;
  border: 1px solid #dde3e8;
  border-radius: unset;
  max-height: 298px;
  overflow-x: auto;
  margin-left: 6.75vw;
  box-shadow: none;
}
.search-modal .modal-content .modal-body form.searchInput .searchFilterUIDropDown ul > li > a {
  padding: 2px 24px;
  color: #5a5f62;
}
.search-modal .modal-content .modal-body form.searchInput .tab-tabIndex {
  height: 100%;
  width: fit-content;
  display: flex;
  cursor: pointer;
}
.search-modal .modal-content .modal-body form.searchInput .tab-tabIndex .tab-number {
  padding-left: 0.5rem;
}
.search-modal .modal-content .modal-body form.searchInput .alignDropDownIconRight {
  float: right;
  display: inline-block;
  position: relative;
  max-width: 23%;
  padding: 4px;
}
.search-modal .modal-content .modal-body form.searchInput .dropdownPositionSet {
  display: inline-block;
  position: relative;
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}
@media (max-width: 1199px) {
  .search-modal .modal-content .modal-body form.searchInput .dropdownPositionSet {
    font-size: 14px;
  }
}
.search-modal .modal-content .modal-body form.searchInput .rightDiv {
  padding: 0px;
  height: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-modal .modal-content .modal-body form.searchInput .rightDiv button {
  color: #000000;
  width: 40px;
}
.search-modal .modal-content .modal-body form.searchInput .rightDiv button span {
  background-color: #ffffff;
}
.search-modal .modal-content .modal-body form.searchInput .rightDiv button .app-alert .alert-dismissible .btn-close {
  opacity: 1;
  background-color: #ffffff;
}
.search-modal .modal-content .modal-body form.searchInput .app-alert {
  background-color: #ffffff;
  border: 2px solid #DF5660;
  height: 50px;
  top: 110px;
  padding: 0px;
}
.search-modal .modal-content .modal-body form.searchInput .app-alert > .alert {
  margin-bottom: 0px;
  border-radius: 0px;
  border-width: 0px;
  background-color: #ffffff;
  border: 2px solid #DF5660;
  text-shadow: 0px;
  box-shadow: 0px;
  -webkit-box-shadow: 0px;
  padding: 0px;
}
.search-modal .modal-content .modal-body form.searchInput .app-alert .alert-dismissible {
  background-color: #ffffff;
  border: none;
  text-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 0px;
  height: 100%;
}
@media (min-width: 480px) {
  .search-modal .modal-content .modal-body form.searchInput .app-alert .alert-dismissible {
    width: 60vw;
  }
}
.search-modal .modal-content .modal-body form.searchInput .app-alert .alert-dismissible .btn-close {
  right: 18px;
  top: 0px;
  color: #000000;
  opacity: 1 !important;
}
.search-modal .modal-content .modal-body form.searchInput .width-set {
  width: 60vw !important;
  margin-left: 0vw !important;
  border-top: none !important;
}
@media (max-width: 1199px) {
  .search-modal .modal-content .modal-body form.searchInput .width-set {
    margin-left: 6vw !important;
  }
}
@media (max-width: 1400px) {
  .search-modal .modal-content .modal-body form.searchInput .width-set {
    margin-left: 5vw !important;
  }
}
@media (max-width: 1199px) {
  .search-modal .modal-content .modal-body form.searchInput .margin-set {
    margin-left: 5vw !important;
  }
}
@media (max-width: 1400px) {
  .search-modal .modal-content .modal-body form.searchInput .margin-set {
    margin-left: 5vw !important;
  }
}
.search-modal .modal-content .modal-body form.searchInput .rbt-input-hint input {
  color: transparent !important;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content {
  list-style: none;
  color: #000000;
  margin-top: 30px;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content .search-result {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 15px;
  padding-top: 15px;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content .search-result .searchResultAPI {
  font-size: 14px;
  font-family: Roobert, sans-serif;
  padding-top: 12px;
  font-style: normal;
  line-height: 22px;
  color: #5E7482;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content .search-result .row:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.search-modal .modal-content .modal-body form.searchInput .tab-content .search-result .row:focus {
  border: #80BBDA;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content .search-result .row {
  font-weight: 600;
  font-size: 18px;
  color: #5a5f62;
}
@media (max-width: 767px) {
  .search-modal .modal-content .modal-body form.searchInput .tab-content .search-result div {
    padding-bottom: 10px;
  }
  .search-modal .modal-content .modal-body form.searchInput .tab-content .search-result .path {
    display: block;
    padding-bottom: 5px;
  }
}
.search-modal .modal-content .modal-body form.searchInput .tab-content li {
  cursor: pointer;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.search-modal .modal-content .modal-body form.searchInput .tab-content li:focus {
  border: #80BBDA;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content li:last-child .search-result {
  border: none;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content li .desc {
  padding-top: 5px;
  overflow-wrap: break-word;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
  color: #5E7482;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content li .listHighlight {
  background-color: rgba(255, 198, 39, 0.3);
}
.search-modal .modal-content .modal-body form.searchInput .tab-content li .placeholder {
  height: 68px;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content li .product {
  font-size: small;
  padding-bottom: 5px;
  font-weight: normal;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content li .roundSpacer {
  height: 5px;
  width: 5px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  vertical-align: middle;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content li .row {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content .searchTabResults {
  max-height: calc(100vh - 240px);
  overflow-y: auto;
  padding-bottom: 8vh;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content .searchTabResults li:hover .row span:first-child {
  border-bottom: 2px solid #5a5f62;
}
.search-modal .modal-content .modal-body form.searchInput .tab-content .searchTabResults li:focus {
  outline: #80BBDA auto 1px;
}
.search-modal .modal-content .modal-body .filter-modal .modal-content {
  top: 172px;
  overflow: scroll;
  background: #ffffff;
  border-radius: 15px 15px 15px 15px;
}
.search-modal .modal-content .modal-body .filter-modal .modal-content .modal-header {
  background-color: transparent;
}
.search-modal .modal-content .modal-body .filter-modal .modal-content .modal-body {
  padding: 40px;
}
.search-modal .modal-content .modal-body .filter-modal .modal-content .modal-body #tabs-with-dropdown-mobile.container {
  padding-left: unset;
}
.search-modal .modal-content .modal-body .filter-modal .modal-content .modal-body .modal-footer {
  padding: 0px;
}
.search-modal .modal-content .modal-body .filter-modal .modal-content .modal-body .modal-footer .btn-apply {
  background-color: #395FF0;
  border-color: transparent;
  box-shadow: none;
  color: #ffffff;
  margin: 0px;
  outline: none;
  width: auto;
  height: auto;
  border-radius: 100px;
  padding: 10px 50px;
  float: right;
}
.search-modal .modal-content .modal-body .filter-modal .filter-modal-mobile .search-filter .side-menu-heading {
  text-transform: capitalize;
  margin-bottom: 20px;
  color: #323436;
  font-family: Roobert Bold, sans-serif;
  font-size: 18px;
  line-height: 22px;
}
.search-modal .modal-content .modal-body .filter-modal .filter-modal-mobile .search-filter .searchFilterUIDropDown .Select-control {
  border-radius: 0px;
}
.search-modal .modal-content .modal-body .filter-modal .filter-modal-mobile .search-filter .searchFilterUIDropDown .Select-control .Select-placeholder {
  color: #000000;
  font-family: Roobert, sans-serif;
  font-size: 14px;
}
.search-modal .modal-content .modal-body .filter-modal .filter-modal-mobile .search-filter .category-filter {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #DDE3E8;
}
.search-modal .modal-content .modal-body .filter-modal .filter-modal-mobile .search-filter > .content {
  padding-top: 20px;
}
.search-modal .modal-content .modal-body .filter-modal .filter-modal-mobile .search-side-menu {
  padding: 0px 40px 20px 0px;
  background: transparent;
  border: none;
  text-align: left;
}
.search-modal .modal-content .modal-body .filter-modal .filter-modal-mobile .search-side-menu > span {
  text-align: center;
  display: flex;
  justify-content: space-between;
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #323436;
}
.search-modal .modal-content .modal-body .filter-modal .filter-modal-mobile .search-side-menu > span .tab-number {
  display: flex;
  padding: 6px 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  background: #f0f4f6;
}
.search-modal .modal-content .modal-body .bootstrap-typeahead-new {
  position: fixed !important;
  margin-left: 6%;
  width: -webkit-fill-available !important;
  margin-right: 9%;
  top: 225px !important;
  transform: none !important;
  z-index: 10000;
}
@media (max-width: 1200px) {
  .search-modal .modal-content .modal-body .bootstrap-typeahead-new {
    top: 130px !important;
    margin-right: 3%;
    margin-left: 3%;
  }
}
@media (max-width: 768px) {
  .search-modal .modal-content .modal-body .bootstrap-typeahead-new {
    top: 120px !important;
  }
}
.search-modal .modal-content .modal-body .bootstrap-typeahead-new li {
  padding-left: 20px;
  padding-right: 20px;
}
.search-modal .modal-content .modal-body .bootstrap-typeahead-new li:first-child {
  padding-top: 20px;
}
.search-modal .modal-content .modal-body .bootstrap-typeahead-new li:last-child {
  padding-bottom: 20px;
}
.search-modal .modal-content .modal-body .bootstrap-typeahead-new li a:hover {
  border-radius: 8px;
}
.search-modal .modal-content .modal-body .modal-header button.btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.3;
}
.search-modal .modal-content .modal-body .no-results-found {
  background-color: #ffffff;
  overflow-x: hidden;
  min-height: 100vh;
}
.search-modal .modal-content .modal-body .no-results-found .search-not-found {
  padding-bottom: 40px;
  text-align: center;
}
.search-modal .modal-content .modal-body .no-results-found .search-not-found .not-found-icon .alert-dismissible {
  background-color: #ffffff;
  border: none;
  text-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 0px;
  height: 100%;
  transition: max-height 0.8s linear;
}
@media (min-width: 480px) {
  .search-modal .modal-content .modal-body .no-results-found .search-not-found .not-found-icon .alert-dismissible {
    width: 60vw;
  }
}
.search-modal .modal-content .modal-body .no-results-found .search-not-found .not-found-icon .alert-dismissible .btn-close {
  right: 18px;
  color: #5E7482;
  opacity: 1 !important;
}
.search-modal .modal-content .modal-body .no-results-found .search-term-not-found {
  font-size: 16px;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #5E7482;
  margin-left: 1%;
  padding-top: 16px;
}
.search-modal .modal-content .modal-body .no-results-found .resultNotFoundTextSubHeading {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.search-modal .modal-content .modal-body .no-results-found .search-tips {
  padding-top: 40px;
  font-size: 24px;
}
.search-modal .modal-content .modal-body .no-results-found .search-tips ul {
  font-size: 14px;
}
.search-modal .modal-content .modal-body .resultNotFoundValue {
  font-weight: 600;
  color: #3F64F2;
  padding-left: 2px;
}
.search-modal .modal-content .modal-body .resultNotFoundHeader {
  display: flex;
  justify-content: center;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #323436;
  margin-top: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .search-modal .modal-content .modal-body .container {
    width: 450px;
  }
}
.search-modal .modal-content .modal-body .searchFilterUIDropDown .Select__value-container,
.search-modal .modal-content .modal-body #HMAC_GENERATOR-form .Select__value-container,
.search-modal .modal-content .modal-body #CONTACTUS .Select__value-container {
  padding: 0px 8px;
}
.search-modal .modal-content .modal-body .searchFilterUIDropDown .Select__value-container .Select__input-container,
.search-modal .modal-content .modal-body #HMAC_GENERATOR-form .Select__value-container .Select__input-container,
.search-modal .modal-content .modal-body #CONTACTUS .Select__value-container .Select__input-container {
  margin: 0px;
  padding: 0px 0px;
  height: 45px;
}
@media (min-width: 1199px) {
  .search-modal .modal-content .modal-body form.searchInput {
    padding: 90px 9% 90px 6%;
  }
  .search-modal .modal-content .modal-body .filter-align {
    padding: 40px 9% 40px 6%;
  }
}
@media (min-width: 992px) {
  .search-modal .modal-content .modal-body .filter-align .scroll-width {
    padding-left: 10%;
  }
}
@media (max-width: 1199px) {
  .search-modal .tab-content {
    margin-top: 50px;
  }
  .search-modal .input-group-btn {
    margin-left: 44px;
  }
  .app-header-submenus .search-modal .input-group-btn {
    margin-left: 40px;
  }
  .app-header-submenus .search-modal .searchInput .dropdown-menu {
    min-width: calc(100px + 76.8vw);
  }
}
@media (max-width: 991px) {
  .search-modal .modal-content .filter-align {
    width: 100%;
  }
  .search-modal .modal-content .filter-align .searchResultTab .tab-content {
    margin-top: 0px;
  }
  .search-modal .modal-content .filter-align .searchResultTab .filter-result-div {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
  }
  .search-modal .modal-content .filter-align .searchResultTab .filter-result-div .filter-result {
    display: flex;
    align-items: center;
    width: fit-content;
    height: 20px;
    left: 12px;
    background: #dde3e8;
    border-radius: 10px;
    margin-right: 15px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #5a5f62;
  }
  .search-modal .modal-content .filter-align .searchResultTab .filter-result-div .filter-result > span {
    margin-left: 5px;
    cursor: pointer;
    color: #5a5f62;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result {
    cursor: pointer;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result .row {
    padding-bottom: 10px;
    margin: 0;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result .row .path {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    color: #5a5f62;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result .row .path .listHighlight {
    font-family: Roobert, sans-serif;
    font-size: 20px;
    color: #323436;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result:hover .row span:first-child {
    border-bottom: 2px solid #5a5f62;
  }
  .search-modal .modal-content .filter-align .searchResultTab .mobile-filter-header {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #0278B6;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px;
    display: block;
    width: fit-content;
    background: transparent;
    border: none;
  }
  .search-modal .modal-content .filter-align .searchResultTab .mobile-filter-header > span {
    padding-right: 5px;
  }
  .search-modal .modal-content .filter-align .searchResultTab .mobile-filter-header .fa-filter {
    color: #5E7482;
    display: flex;
    width: 32px;
    height: 32px;
    padding: 6px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-filter {
    display: none;
  }
}
@media (max-width: 767px) {
  .search-modal .modal-content .modal-body form.searchInput .input-group .input-group-btn {
    margin-left: auto;
  }
  .search-modal .modal-content .filter-align {
    width: 100%;
  }
  .search-modal .modal-content .filter-align .searchResultTab .filter-result-div {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
  }
  .search-modal .modal-content .filter-align .searchResultTab .filter-result-div .filter-result {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
    height: 20px;
    left: 12px;
    background: #dde3e8;
    border-radius: 10px;
    margin-right: 15px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #5a5f62;
  }
  .search-modal .modal-content .filter-align .searchResultTab .filter-result-div .filter-result > span {
    margin-left: 5px;
    cursor: pointer;
    color: #5a5f62;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result {
    cursor: pointer;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result .row {
    padding-bottom: 10px;
    margin: 0;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result .row .path {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    color: #5a5f62;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result:hover .row span:first-child {
    border-bottom: 2px solid #5a5f62;
  }
  .search-modal .modal-content .filter-align .searchResultTab .mobile-filter-header {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #0278B6;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px;
    display: block;
    width: fit-content;
    background: transparent;
    border: none;
  }
  .search-modal .modal-content .filter-align .searchResultTab .mobile-filter-header > span {
    padding-right: 5px;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-filter {
    display: none;
  }
  .search-modal .modal-content .filter-align .searchResultTab .scroll-width {
    padding-left: 3%;
  }
}
@media (max-width: 480px) {
  .search-modal .modal-content {
    height: 100vh;
  }
  .search-modal .modal-content .filter-align .searchResultTab .filter-result-div {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
  }
  .search-modal .modal-content .filter-align .searchResultTab .filter-result-div .filter-result {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
    height: 20px;
    left: 12px;
    background: #dde3e8;
    border-radius: 10px;
    margin-right: 15px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #5a5f62;
  }
  .search-modal .modal-content .filter-align .searchResultTab .filter-result-div .filter-result > span {
    margin-left: 5px;
    cursor: pointer;
    color: #5a5f62;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result {
    cursor: pointer;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result .row {
    padding-bottom: 10px;
    margin: 0;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result .row .path {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    color: #5a5f62;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-result:hover .row span:first-child {
    border-bottom: 2px solid #5a5f62;
  }
  .search-modal .modal-content .filter-align .searchResultTab .mobile-filter-header {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #0278B6;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px;
    display: block;
    width: fit-content;
    background: transparent;
    border: none;
  }
  .search-modal .modal-content .filter-align .searchResultTab .mobile-filter-header > span {
    padding-right: 5px;
  }
  .search-modal .modal-content .filter-align .searchResultTab .search-filter {
    display: none;
  }
  .search-modal .modal-content .filter-align .searchResultTab .scroll-width {
    padding-left: 5%;
  }
  .search-modal .modal-content .filter-modal .modal-content {
    top: 300px;
    overflow: scroll;
    background: #ffffff;
    border-radius: 15px 15px 15px 15px;
  }
  .search-modal .modal-content .filter-modal .modal-content .modal-body {
    padding-top: 0px;
  }
  .search-modal .modal-content .filter-modal .modal-content .modal-body .filter-modal-mobile .search-filter .side-menu-heading {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    color: #323436;
  }
  .search-modal .modal-content .filter-modal .modal-content .modal-body .filter-modal-mobile .padding-10 {
    display: inline-flex;
  }
  .search-modal .modal-content .filter-modal .modal-content .modal-body .filter-modal-mobile .padding-10 .search-side-menu {
    padding: 20px;
    width: 150px;
    background: transparent;
    border: none;
    text-align: left;
  }
  .search-modal .modal-content .filter-modal .modal-content .modal-body .filter-modal-mobile .padding-10 .search-side-menu > span {
    display: inline-flex;
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #0278B6;
  }
  .search-modal .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    max-width: 92vw;
  }
  .search-modal .nav-tabs li {
    margin-right: 30px;
  }
}
.toggle-switch {
  position: relative;
  margin-right: 10px;
  width: 75px;
  display: inline-block;
  vertical-align: middle;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: left;
}
.toggle-switch-checkbox {
  display: none;
}
.toggle-switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 0 solid #8995AB;
  border-radius: 20px;
  margin: 0;
}
.toggle-switch-label:focus {
  outline: none;
}
.toggle-switch-label:focus > span {
  box-shadow: 0 0 2px 5px red;
}
.toggle-switch-label > span:focus {
  outline: none;
}
.toggle-switch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
  position: relative;
}
.toggle-switch-inner svg.svg-inline--fa {
  position: absolute;
}
.toggle-switch-inner svg.svg-inline--fa.fa-check {
  left: 8%;
  top: 7px;
  color: #ffffff;
}
.toggle-switch-inner svg.svg-inline--fa.fa-minus {
  right: 8%;
  top: 7px;
  color: #ffffff;
}
.toggle-switch-inner:before,
.toggle-switch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 34px;
  padding: 0;
  line-height: 34px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  box-sizing: border-box;
}
.toggle-switch-inner:before {
  content: attr(data-yes);
  padding-left: 10px;
  background-color: #028053;
  color: #ffffff;
}
.toggle-switch-disabled {
  background-color: #8995AB;
  cursor: not-allowed;
}
.toggle-switch-disabled:before {
  background-color: #8995AB;
  cursor: not-allowed;
}
.toggle-switch-inner:after {
  content: attr(data-no);
  padding-right: 10px;
  background-color: #8995AB;
  color: #ffffff;
  text-align: right;
}
.toggle-switch-switch {
  display: block;
  width: 24px;
  margin: 5px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  border: 0 solid #8995AB;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-inner {
  margin-left: 0;
}
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-switch {
  right: 0px;
}
.toggle-switch.small-switch {
  width: 42px;
}
.toggle-switch.small-switch .toggle-switch-inner svg.svg-inline--fa {
  position: absolute;
}
.toggle-switch.small-switch .toggle-switch-inner svg.svg-inline--fa.fa-check {
  top: 4px;
  font-size: 12px;
}
.toggle-switch.small-switch .toggle-switch-inner svg.svg-inline--fa.fa-minus {
  top: 4px;
  font-size: 12px;
}
.toggle-switch.small-switch .toggle-switch-inner:after,
.toggle-switch.small-switch .toggle-switch-inner:before {
  content: "";
  height: 20px;
  line-height: 20px;
  background-color: #AA87C4;
}
.toggle-switch.small-switch .toggle-switch-switch {
  width: 20px;
  height: 20px;
  right: 22px;
  margin: 0px;
  background-color: #431C5B;
}
@media screen and (max-width: 991px) {
  .toggle-switch {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 767px) {
  .toggle-switch {
    transform: scale(0.825);
  }
}
@media screen and (max-width: 575px) {
  .toggle-switch {
    transform: scale(0.75);
  }
}
@media (min-width: 3840px) {
  .toggle-switch.small-switch {
    width: 75px;
  }
  .toggle-switch.small-switch .toggle-switch-inner svg.svg-inline--fa {
    position: absolute;
  }
  .toggle-switch.small-switch .toggle-switch-inner svg.svg-inline--fa.fa-check {
    left: 8%;
    top: 4px;
    color: #ffffff;
    font-size: 24px;
  }
  .toggle-switch.small-switch .toggle-switch-inner svg.svg-inline--fa.fa-minus {
    right: 8%;
    top: 4px;
    color: #ffffff;
    font-size: 24px;
  }
  .toggle-switch.small-switch .toggle-switch-inner:after,
  .toggle-switch.small-switch .toggle-switch-inner:before {
    content: "";
    height: 34px;
    line-height: 34px;
  }
  .toggle-switch.small-switch .toggle-switch-switch {
    width: 24px;
    right: 40px;
    margin: 5px;
  }
}
.arrow-link {
  display: flex;
  align-items: center;
  width: max-content;
}
.arrow-link a.ui-link {
  font-family: Roobert, sans-serif;
  line-height: 110%;
  margin-left: 20px;
  text-transform: uppercase;
}
.arrow-link img {
  padding: 2px 0;
  width: 36px;
  height: 26px;
}
.arrow-link:hover img {
  content: url("/images/icons/arrow-right-hover-34829ffa2261d3162d2d7696af19b50d.svg");
  transform: translateX(5px);
  transition: all 0.3s ease-in-out;
}
.arrow-link:hover a {
  text-decoration: underline solid 2px;
  text-underline-offset: 4px;
}
@media (max-width: 768px) {
  .arrow-link a {
    font-size: 16px;
    margin-left: 10px;
  }
  .arrow-link img {
    width: 25px;
    height: 20px;
  }
}
.product-landing {
  font-family: Roobert, sans-serif;
}
.product-landing .section-content {
  width: 100%;
  padding: 120px 130px 150px;
  margin: 0px;
}
.product-landing .section-title {
  font-size: 48px;
  font-family: Roobert Light, sans-serif;
  line-height: 64px;
  color: #000000;
}
.product-landing .section-card-title {
  font-family: Roobert, sans-serif;
}
.product-landing .section-desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.18px;
  color: #000000;
  margin-top: 20px;
}
.product-landing .section-detail {
  margin-top: 60px;
}
.product-landing .section2 .section2-title {
  font-size: 48px;
  font-family: Roobert, sans-serif;
  color: #ffffff;
  padding-bottom: 26px;
  margin-bottom: 0px;
}
.product-landing .section2 .section2-title b {
  font-family: Roobert, sans-serif;
}
.product-landing .section2.section-content {
  background-color: black;
}
.product-landing .section2 .section2-contain {
  padding: 0px;
  position: relative;
}
.product-landing .section2 .section2-desc {
  font-size: 18px;
  margin-bottom: 0px;
}
.product-landing .section2 .section2-grid {
  margin-top: content-margin-80px;
}
.product-landing .section5-2023 {
  background-color: #F7F9FB;
}
.product-landing .section5-2023 .section5-2023-flex {
  display: flex;
  justify-content: space-between;
}
.product-landing .section5-2023 .section5-2023-illustration {
  width: 45%;
}
.product-landing .section5-2023 .section5-2023-items {
  width: 45%;
}
.product-landing .section5-2023 .section5-2023-items ul {
  list-style: none;
  padding-left: 0px;
}
.product-landing .section5-2023 .section5-2023-items .section5-2023-item {
  display: flex;
}
.product-landing .section5-2023 .section5-2023-items .item-index {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 22px;
  font-weight: 700;
  padding: 4px;
}
.product-landing .section5-2023 .section5-2023-items .item-right {
  padding-left: 30px;
}
.product-landing .section5-2023 .section5-2023-items .item-right .item-title {
  font-size: 22px;
  font-weight: 500;
  color: #323436;
}
.product-landing .section5-2023 .section5-2023-items .item-right .item-desc {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: #5E7482;
  padding-top: 10px;
  padding-bottom: 50px;
}
@media (min-width: 2160px) {
  .product-landing .section-content {
    padding: 120px 20% 180px 20%;
  }
}
@media (max-width: 768px) {
  .product-landing .section-title {
    font-size: 28px;
  }
  .product-landing .section-card-title {
    font-size: 20px;
  }
  .product-landing .section-content {
    padding: 40px 16px 60px 16px;
  }
  .product-landing .section5-2023 .section5-2023-illustration {
    display: none;
  }
  .product-landing .section5-2023 .section5-2023-items {
    width: 100%;
  }
  .product-landing .section1 {
    padding: 40px 12px 70px;
    margin: 0px;
  }
  .product-landing .section2 {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .product-landing .section2 .section2-title {
    font-size: 24px;
    padding-bottom: 14px;
  }
  .product-landing .section2 .section2-desc {
    font-size: 16px;
  }
  .product-landing .section2 .section2-grid {
    font-size: 16px;
    margin-top: 50px;
  }
  .product-landing .section2 .section2-grid .section2-grid-card-title {
    margin: 18px 0px;
  }
  .product-landing .section2 .section2-grid .section2-grid-card-desc {
    font-size: 16px;
  }
  .product-landing .section-detail {
    margin-top: 0;
  }
  .product-landing .section-desc {
    font-size: 16px;
    margin: 16px 0 40px 0;
  }
}
.landing-header-new {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 1115px;
  margin-bottom: 55px;
  margin-top: -10px;
  color: #000000;
  text-align: left;
  animation: fadeInFast 0.7s linear;
}
.landing-header-new-title {
  max-width: 50%;
  font-size: 44px;
  line-height: 60px;
  color: #323436;
  font-family: Roobert Medium, sans-serif;
}
.landing-header-new .contain {
  padding: 12% 8% 0px 8%;
}
.landing-header-new-icon {
  margin-bottom: 60px;
  height: 70px;
  width: 70px;
}
.landing-header-new-illustration {
  position: absolute;
  right: 10%;
  width: 450px;
  background-repeat: no-repeat;
  margin-top: 100px;
  z-index: 1;
  top: 3%;
}
.landing-header-new-desc {
  padding-top: 30px;
  padding-bottom: 30px;
  max-width: 570px;
  font-weight: normal;
  font-size: 20px;
  line-height: 36px;
  color: #5a5f62;
}
.landing-header-new-desc {
  padding-top: 60px;
  padding-bottom: 30px;
  max-width: 570px;
  font-weight: normal;
  font-size: 20px;
  line-height: 36px;
  color: #5a5f62;
}
.landing-header-new-icon {
  margin-bottom: 50px;
}
.landing-header-new-multibutton {
  display: flex;
}
.landing-header-new-multibutton button:first-child {
  margin-right: 24px;
}
@media (max-width: 575px) {
  .landing-header-new-multibutton {
    flex-direction: column;
    display: flex;
    align-items: center;
  }
  .landing-header-new-multibutton button.ui-action-button.btn.btn-large {
    width: 220px;
  }
  .landing-header-new-multibutton button.ui-action-button.btn.btn-large:first-child {
    margin-bottom: 24px;
    margin-right: 0px;
  }
}
.landing-header-new.taller-header {
  height: 1175px;
}
@media (max-width: 1400px) {
  .landing-header-new {
    height: 950px;
  }
  .landing-header-new.taller-header {
    height: 1025px;
  }
}
@media (min-width: 1400px) {
  .landing-header-new {
    height: calc(100vw * 0.66);
  }
}
@media (min-width: 2160px) {
  .landing-header-new {
    height: calc(100vw * 0.75);
    margin-top: -30px;
  }
  .landing-header-new.taller-header {
    height: calc(100vw * 0.75);
  }
  .landing-header-new-title {
    max-width: 948px;
    font-size: 80px;
    line-height: 1.4;
  }
  .landing-header-new .contain {
    padding-top: 8%;
  }
  .landing-header-new-desc {
    max-width: 790px;
    font-size: 36px;
    line-height: 80px;
  }
  .landing-header-new-illustration {
    width: 790px;
    top: 3%;
  }
  .landing-header-new-icon {
    width: 115px;
    height: 115px;
  }
}
@media (min-width: 3840px) {
  .landing-header-new {
    height: 2800px;
    margin-bottom: 55px;
  }
  .landing-header-new-title {
    max-width: 1368px;
    font-size: 120px;
    line-height: 1.5;
  }
  .landing-header-new .contain {
    padding-top: 8%;
  }
  .landing-header-new-desc {
    padding-top: 60px;
    padding-bottom: 60px;
    max-width: 1368px;
    font-size: 48px;
    line-height: 80px;
  }
  .landing-header-new-illustration {
    width: 1140px;
    top: 2%;
  }
  .landing-header-new-icon {
    width: 140px;
    height: 140px;
  }
}
@media (max-width: 1199px) {
  .landing-header-new {
    height: 850px;
  }
  .landing-header-new-title,
  .landing-header-new-desc {
    max-width: 100%;
  }
  .landing-header-new-illustration {
    display: none;
  }
  .landing-header-new.taller-header {
    height: auto;
    min-height: 850px;
  }
}
@media (max-width: 480px) {
  .landing-header-new-title {
    font-size: 32px;
    line-height: 44px;
  }
  .landing-header-new-desc {
    font-size: 20px;
  }
}
.landing-header-container {
  color: #F2F4F5;
  text-align: left;
  animation: fadeInFast 0.7s linear;
}
.landing-header-container .section-wrapper {
  gap: 5%;
  justify-content: space-between;
}
.landing-header-container .section-wrapper .left-section {
  width: 40%;
}
.landing-header-container .section-wrapper .right-section {
  width: 50%;
}
.landing-header-container .section-top-name {
  color: #048A81;
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 24px;
  font-family: Roobert SemiBold, sans-serif;
  letter-spacing: 0%;
}
.landing-header-container .section-header-title {
  color: #000000;
  line-height: 80px;
  font-size: 64px;
  font-family: Roobert Light, sans-serif;
}
.landing-header-container .section-header-title b {
  font-family: Roobert Bold, sans-serif;
}
.landing-header-container .section-header-desc {
  padding-top: 30px;
  padding-bottom: 40px;
  font-size: 24px;
  color: #000000;
  font-family: Roobert Light, sans-serif;
  line-height: 32px;
}
.landing-header-container video,
.landing-header-container img.section-illustration {
  height: 95%;
  width: 100%;
}
.gray-background {
  background-color: #F2F4F5;
}
@media (max-width: 1199px) {
  .landing-header-container .section-wrapper {
    gap: 0;
  }
  .landing-header-container .section-wrapper .left-section {
    flex-grow: 1;
  }
  .landing-header-container .section-wrapper .right-section {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 768px) {
  .landing-header-container.section-content {
    padding: 20px 16px 60px 16px;
  }
  .landing-header-container .section-top-name {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 150%;
  }
  .landing-header-container .section-header-title {
    color: #000000;
    font-size: 36px;
    line-height: 48px;
  }
  .landing-header-container .section-header-desc {
    font-size: 18px;
    padding-top: 20px;
    font-family: Roobert Light, sans-serif;
    padding-bottom: 0;
  }
  .landing-header-container .landing-header-new-multibutton {
    align-items: start;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .landing-header-container .landing-header-new-multibutton .button-container:first-child {
    margin-bottom: 30px;
  }
}
.section1 {
  width: 100%;
  padding: 0% 8%;
  margin: 6% 0;
}
.section1-title {
  text-align: left;
  margin-bottom: 85px;
  color: #323436;
  font-size: 36px;
  font-weight: 600;
}
.section1-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  margin: 30px 0;
  gap: 60px;
}
.section1-grid-card {
  display: flex;
  flex-direction: column;
  color: #5a5f62;
  padding: 5px;
  text-align: left;
}
.section1-grid-card-title {
  margin: 25px 0 14px 0;
  font-size: 20px;
  color: #323436;
}
.section1-grid-card-title h3 {
  font-family: Roobert Medium, sans-serif;
  font-size: 20px;
  line-height: 30px;
}
.section1-grid-card-desc {
  line-height: 1.9;
  padding-right: 20px;
  font-size: 16px;
  color: #5E7482;
}
.section1-grid-card-icon {
  width: 63px;
  height: 63px;
}
@media (min-width: 2160px) {
  .section1-title {
    margin-bottom: 115px;
    font-size: 44px;
  }
  .section1-grid-card-title {
    margin: 40px 0 30px 0;
  }
  .section1-grid-card-title h3 {
    font-size: 30px;
  }
  .section1-grid-card-desc {
    padding-right: 30px;
    font-size: 24px;
  }
  .section1-grid-card-icon {
    width: 85px;
    height: 85px;
  }
}
@media (min-width: 3840px) {
  .section1-title {
    margin-bottom: 115px;
    font-size: 60px;
  }
  .section1-grid {
    margin: 115px 0;
  }
  .section1-grid-card-title {
    margin: 60px 0 40px 0;
  }
  .section1-grid-card-title h3 {
    font-size: 54px;
  }
  .section1-grid-card-desc {
    padding-right: 30px;
    font-size: 38px;
  }
  .section1-grid-card-icon {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 1199px) {
  .section1 {
    margin: 55px 0;
  }
  .section1-grid {
    grid-template-columns: auto;
    gap: 30px;
  }
}
@media (max-width: 480px) {
  .section1 {
    margin: 0;
    padding: 0% 15px;
  }
  .section1-title {
    margin-bottom: 30px;
    font-size: 22px;
  }
  .section1-grid-card-icon {
    width: 44px;
    height: 44px;
  }
  .section1-grid-card-title {
    font-size: 16px;
  }
  .section1-grid-card-desc {
    font-size: 14px;
  }
}
.learn-more-link {
  padding-top: 0;
  font-weight: 600;
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.learn-more-link:hover {
  cursor: pointer;
}
.learn-more-link:hover img {
  content: url("/images/icons/arrow-right-hover-34829ffa2261d3162d2d7696af19b50d.svg");
  transform: translateX(5px);
  transition: all 0.3s ease-in-out;
}
.learn-more-link:hover a {
  border-bottom: 2px solid #11191F;
}
.learn-more-link a {
  margin-right: 5px;
}
.learn-more-link a:hover {
  margin-right: 10px;
}
.progress-bar-home {
  background-color: #048A81;
}
.progress-bar-api {
  background-color: #048A81;
}
.progress-bar-extractor {
  background-color: #048A81;
}
.progress-bar-events {
  background-color: #048A81;
}
.progress-bar-parser {
  background-color: #048A81;
}
.api-theme-color.getstarted-container .getstarted-contain .getstarted-title,
.TSYS_OPEN_API-theme-color.getstarted-container .getstarted-contain .getstarted-title {
  color: #4BCD3E;
}
.api-theme-color.getstarted-container .getstarted-contain .getstarted-grid .getstarted-grid-card .getstarted-grid-card-link .arrow-link img,
.TSYS_OPEN_API-theme-color.getstarted-container .getstarted-contain .getstarted-grid .getstarted-grid-card .getstarted-grid-card-link .arrow-link img {
  content: url("/images/icons/arrow-right-d97c202ebc3ec987487a533154ef7b7e.svg");
}
.api-theme-color.getstarted-container .getstarted-contain .getstarted-grid .getstarted-grid-card .getstarted-grid-card-link .arrow-link:hover img,
.TSYS_OPEN_API-theme-color.getstarted-container .getstarted-contain .getstarted-grid .getstarted-grid-card .getstarted-grid-card-link .arrow-link:hover img {
  content: url("/images/icons/arrow-right-hover-34829ffa2261d3162d2d7696af19b50d.svg");
}
.api-theme-color.theme-icon,
.TSYS_OPEN_API-theme-color.theme-icon {
  background-color: #692C8F;
  color: #ffffff;
  height: 60px;
  width: 60px;
  padding: 11px;
}
.api-theme-color.keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-title,
.TSYS_OPEN_API-theme-color.keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-title {
  color: #048A81;
}
.events-theme-color.getstarted-container .getstarted-contain .getstarted-title,
.DATA_SUBSCRIPTION-theme-color.getstarted-container .getstarted-contain .getstarted-title {
  color: #4BCD3E;
}
.events-theme-color.getstarted-container .getstarted-contain .getstarted-grid .getstarted-grid-card .getstarted-grid-card-link .arrow-link img,
.DATA_SUBSCRIPTION-theme-color.getstarted-container .getstarted-contain .getstarted-grid .getstarted-grid-card .getstarted-grid-card-link .arrow-link img {
  content: url("/images/icons/arrow-right-d97c202ebc3ec987487a533154ef7b7e.svg");
}
.events-theme-color.getstarted-container .getstarted-contain .getstarted-grid .getstarted-grid-card .getstarted-grid-card-link .arrow-link:hover img,
.DATA_SUBSCRIPTION-theme-color.getstarted-container .getstarted-contain .getstarted-grid .getstarted-grid-card .getstarted-grid-card-link .arrow-link:hover img {
  content: url("/images/icons/arrow-right-hover-34829ffa2261d3162d2d7696af19b50d.svg");
}
.events-theme-color.keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-title,
.DATA_SUBSCRIPTION-theme-color.keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-title {
  color: #048A81;
}
.AUTH_PLUGIN-theme-color.keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-title {
  color: #048A81;
}
.AUTH_PLUGIN-theme-color.getstarted-container .getstarted-contain .getstarted-title {
  color: #692C8F;
}
.AUTH_PLUGIN-theme-color.getstarted-container .getstarted-contain .getstarted-grid .getstarted-grid-card .getstarted-grid-card-link .arrow-link img {
  content: url("/images/icons/arrow-right-d97c202ebc3ec987487a533154ef7b7e.svg");
}
.AUTH_PLUGIN-theme-color.getstarted-container .getstarted-contain .getstarted-grid .getstarted-grid-card .getstarted-grid-card-link .arrow-link:hover img {
  content: url("/images/icons/arrow-right-hover-34829ffa2261d3162d2d7696af19b50d.svg");
}
.TRANSACTIONENRICHMENT-theme-color.keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-title,
.WALLETPROVISIONING-theme-color.keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-title,
.DIGITAL_DYNAMIC_CVV-theme-color.keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-title,
.solutionsoverview-theme-color.keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-title {
  color: #048A81;
}
.parser-theme-color,
.BATCH_GENERATOR-theme-color {
  color: #00A889;
}
.parser-theme-color a,
.BATCH_GENERATOR-theme-color a {
  color: #00A889;
}
.INTERNAL_DOC-theme-color.landing-header-container .section-wrapper .left-section {
  width: 46%;
}
.INTERNAL_DOC-theme-color.landing-header-container .section-wrapper .right-section {
  width: 30%;
}
.home-theme-color {
  color: #3F64F2;
}
.home-theme-color a {
  color: #3F64F2;
}
.extractor-theme-color,
.BATCH_EXTRACTOR-theme-color {
  color: #618DFD;
}
.extractor-theme-color a,
.BATCH_EXTRACTOR-theme-color a {
  color: #618DFD;
}
.section2 {
  width: 100%;
  position: relative;
}
.section2-landing-image {
  width: 100%;
  height: auto;
}
.section2-contain {
  padding: 0 8%;
  top: 24%;
  position: absolute;
}
.section2-title {
  text-align: left;
  margin-bottom: 85px;
  font-size: 36px;
  font-family: Roobert Medium, sans-serif;
}
.section2-desc {
  opacity: 0.7;
  line-height: 36px;
  color: #ffffff;
  font-size: 20px;
}
.section2-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  margin-top: 115px;
  gap: 60px;
  color: #ffffff;
}
.section2-grid-card {
  display: flex;
  flex-direction: column;
  padding: 5px;
  text-align: left;
}
.section2-grid-card-title {
  margin: 30px 0 35px 0;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
}
.section2-grid-card-title h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.section2-grid-card-desc {
  padding-right: 20px;
  padding-bottom: 30px;
  font-size: 16px;
  opacity: 0.7;
  line-height: 28px;
}
.section2-grid-card-icon {
  width: 40px;
  height: 40px;
}
@media (min-width: 2160px) {
  .section2 {
    margin: 30px 0;
    margin-bottom: 55px;
    font-size: 24px;
  }
  .section2-contain {
    top: 24%;
    position: absolute;
  }
  .section2-title {
    font-size: 44px;
  }
  .section2-desc {
    font-size: 28px;
    line-height: 1.9;
  }
  .section2-grid {
    margin-top: 115px;
  }
  .section2-grid-card-title h3 {
    font-size: 30px;
  }
  .section2-grid-card-desc {
    font-size: 24px;
    line-height: 1.9;
  }
  .section2-grid-card-icon {
    width: 60px;
  }
}
@media (min-width: 3840px) {
  .section2 {
    margin-bottom: 115px;
    font-size: 36px;
  }
  .section2-title {
    font-size: 60px;
  }
  .section2-desc {
    font-size: 42px;
    line-height: 1.9;
  }
  .section2-grid {
    margin-top: 172.5px;
  }
  .section2-grid-card {
    gap: 30px;
  }
  .section2-grid-card-title h3 {
    font-size: 54px;
  }
  .section2-grid-card-desc {
    font-size: 38px;
  }
  .section2-grid-card-icon {
    width: 80px;
    height: 80px;
  }
  .section2-grid-card-link {
    font-size: 38px;
  }
}
@media (max-width: 1400px) {
  .section2-contain {
    top: 20%;
  }
  .section2-title {
    margin-bottom: 30px;
  }
  .section2-grid {
    margin-top: 60px;
    gap: 30px;
  }
  .section2-grid-card-title {
    margin: 30px 0 20px 0;
  }
  .section2-grid-card-desc {
    padding-right: 20px;
    padding-bottom: 20px;
    line-height: 1.6;
  }
}
@media (max-width: 1199px) {
  .section2 {
    margin: 20px 0;
  }
  .section2-landing-image {
    width: auto;
    height: 1500px;
  }
  .section2-desc {
    line-height: 1.6;
  }
  .section2-grid {
    grid-template-columns: auto;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .section2-contain {
    top: 15%;
  }
}
@media (max-width: 480px) {
  .section2-landing-image {
    height: 1800px;
  }
  .section2-title {
    font-size: 22px;
  }
  .section2-desc {
    font-size: 16px;
  }
  .section2-grid-card-title {
    margin: 20px 0;
  }
  .section2-grid-card-title h3 {
    font-size: 18px;
  }
  .section2-grid-card-desc {
    font-size: 14px;
  }
}
.section2Bottom {
  width: 100%;
  position: relative;
}
.section2Bottom-landing-image {
  width: 100%;
  height: auto;
}
.section2Bottom-contain {
  padding: 0 8%;
  top: 24%;
  position: absolute;
}
.section2Bottom-title {
  text-align: left;
  margin-bottom: 55px;
  font-size: 36px;
}
.section2Bottom-desc {
  opacity: 0.7;
  line-height: 36px;
  color: #ffffff;
}
.section2Bottom-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  margin-top: 85px;
  gap: 60px;
  color: #ffffff;
}
.section2Bottom-grid-card {
  display: flex;
  flex-direction: column;
  padding: 5px;
  text-align: left;
}
.section2Bottom-grid-card-title {
  margin: 55px 0 35px 0;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
}
.section2Bottom-grid-card-desc {
  padding-right: 20px;
  padding-bottom: 30px;
  font-size: 16px;
  opacity: 0.7;
  line-height: 28px;
}
.section2Bottom-grid-card-icon {
  width: 40px;
  height: 40px;
}
.section2Bottom-grid-card-link,
.section2Bottom-grid-card a {
  margin-top: auto;
}
.section2Bottom-grid-card-link a,
.section2Bottom-grid-card a a {
  padding-right: 8px;
  transition-duration: 400ms;
}
.section2Bottom-grid-card-link a:hover,
.section2Bottom-grid-card a a:hover {
  padding-right: 15px;
  cursor: pointer;
}
@media (min-width: 2160px) {
  .section2Bottom {
    font-size: 24px;
  }
  .section2Bottom-title {
    font-size: 44px;
  }
  .section2Bottom-desc {
    font-size: 28px;
    line-height: 1.9;
  }
  .section2Bottom-grid {
    margin-top: 115px;
  }
  .section2Bottom-grid-card-title h3 {
    font-size: 30px;
  }
  .section2Bottom-grid-card-desc {
    font-size: 24px;
    line-height: 1.9;
  }
  .section2Bottom-grid-card-icon {
    width: 60px;
  }
}
@media (min-width: 3840px) {
  .section2Bottom {
    font-size: 32px;
  }
  .section2Bottom-title {
    font-size: 54px;
  }
  .section2Bottom-desc {
    font-size: 36px;
    line-height: 1.9;
  }
  .section2Bottom-grid {
    margin-top: 172.5px;
  }
  .section2Bottom-grid-card {
    gap: 30px;
  }
  .section2Bottom-grid-card-title h3 {
    font-size: 44px;
  }
  .section2Bottom-grid-card-desc {
    font-size: 32px;
  }
  .section2Bottom-grid-card-icon {
    width: 80px;
  }
}
@media (max-width: 1400px) {
  .section2Bottom-title {
    margin-bottom: 30px;
  }
  .section2Bottom-grid {
    margin-top: 60px;
    gap: 30px;
  }
  .section2Bottom-grid-card-title {
    margin: 30px 0 20px 0;
  }
  .section2Bottom-grid-card-desc {
    padding-right: 20px;
    padding-bottom: 20px;
    line-height: 1.6;
  }
}
@media (max-width: 1199px) {
  .section2Bottom-contain {
    top: 20%;
  }
  .section2Bottom-landing-image {
    width: auto;
    height: 1500px;
  }
  .section2Bottom-desc {
    line-height: 1.6;
  }
  .section2Bottom-grid {
    grid-template-columns: auto;
    margin-top: 30px;
  }
}
@media (max-width: 480px) {
  .section2Bottom {
    margin-top: -250px;
  }
  .section2Bottom-contain {
    padding: 0 15px;
  }
  .section2Bottom-landing-image {
    height: 1400px;
  }
  .section2Bottom-title {
    font-size: 22px;
  }
  .section2Bottom-desc {
    font-size: 16px;
  }
  .section2Bottom-grid-card-title {
    margin: 20px 0;
  }
  .section2Bottom-grid-card-title h3 {
    font-size: 18px;
  }
  .section2Bottom-grid-card-desc {
    font-size: 14px;
  }
}
.section3 {
  width: 100%;
  padding: 0% 8%;
  margin: 85px 0;
  padding-right: 9%;
}
.section3 .fiterTab {
  display: flex;
}
.section3 .fiterTab .active {
  color: #395FF0;
  border-bottom: 4px solid #395FF0;
}
.section3 .fiterTab span {
  margin: 20px 30px 44px 0;
  padding-bottom: 10px;
  font-size: 16px;
  color: #5a5f62;
}
.section3 .fiterTab span:hover {
  cursor: pointer;
}
.section3 hr {
  width: 100%;
  margin: 0 auto;
}
.section3-title {
  text-align: left;
  color: #323436;
  font-size: 36px;
  margin-bottom: 30px;
  font-weight: 600;
}
.section3-desc {
  color: #5E7482;
  margin-bottom: 60px;
}
.section3-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  margin: 30px 0;
  gap: 60px;
}
.section3-grid-card {
  display: flex;
  flex-direction: column;
  color: #5a5f62;
  padding: 30px;
  text-align: left;
  width: 25vw;
  box-shadow: 0px 2px 10px 0px #5e748226;
  gap: 10px;
  border-radius: 6px;
}
.section3-grid-card-title {
  margin: 10px 0 0 0;
  font-size: 20px;
  color: #323436;
  font-weight: 600;
}
.section3-grid-card-title h3 {
  font-weight: 600;
  font-size: 20px;
}
.section3-grid-card-desc {
  padding-right: 20px;
  font-size: 16px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  max-height: 300px;
  overflow: hidden;
  color: #5E7482;
  margin-top: 6px;
  line-height: 26px;
}
.section3-grid-card-icon {
  font-size: 60px;
  width: 60px;
  height: 60px;
  padding: 12px;
  color: #ffffff;
}
.section3-grid-card-links {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  margin-top: auto;
  padding-right: 15%;
  padding-top: 4px;
}
.section3-grid-card-links a {
  color: #395FF0;
  flex: 1;
  transition-duration: 300ms;
}
.section3-grid-card-links a:hover {
  transform: scale(1.05);
}
.section3-expand-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  margin: 30px 0;
  gap: 60px;
}
.section3-expand-grid-card {
  display: flex;
  flex-direction: column;
  color: #5a5f62;
  padding: 30px;
  text-align: left;
  width: auto;
  box-shadow: 0px 2px 10px 0px #5e748226;
  gap: 15px;
  border-radius: 6px;
  max-height: 380px;
}
.section3-expand-grid-card-title {
  margin: 30px 0 20px 0;
  font-size: 20px;
  color: #323436;
  font-weight: 600;
}
.section3-expand-grid-card-title h3 {
  font-weight: 600;
}
.section3-expand-grid-card-desc {
  line-height: 1.9;
  padding-right: 20px;
  font-size: 16px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  max-height: 300px;
  overflow: hidden;
}
.section3-expand-grid-card-icon {
  font-size: 60px;
  width: 60px;
  height: 60px;
  padding: 12px;
  color: white;
}
.section3-expand-grid-card-links {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  margin-top: auto;
  padding-right: 15%;
}
.section3-expand-grid-card-links a {
  color: #395FF0;
  flex: 1;
  transition-duration: 300ms;
  font-family: Roobert Medium, sans-serif;
}
.section3-expand-grid-card-links a:hover {
  transform: scale(1.05);
}
.section3-expand-grid-card-icon {
  background: #00A889;
  padding: 12px;
  border-radius: 6px;
}
.section3-expand-grid-card a {
  font-weight: 600;
  flex: 1;
  transition-duration: 300ms;
  font-size: 16px;
}
.target:hover {
  cursor: pointer;
  transform: scale(1.01);
  transition-duration: 300ms;
}
.spec-selected {
  grid-area: span 1 / span 2;
  width: auto;
  position: relative;
  animation: widthIncrease 200ms linear;
  max-height: 1000px;
}
.spec-selected-desc {
  animation: hideAndShow 900ms linear;
}
.spec-selected-desc .target {
  background-color: white;
  border: none;
  padding-left: 0px;
}
.spec-selected-desc .target:hover {
  cursor: pointer;
  transform: scale(1.01);
  transition-duration: 300ms;
}
.spec-selected .card-close {
  position: absolute;
  background-color: white;
  min-width: 3px;
  border: none;
  right: 20px;
  top: 20px;
}
.spec-selected .card-close :hover {
  cursor: pointer;
}
.spec-selected .card-close-icon {
  position: absolute;
  right: 20px;
  top: 20px;
}
.spec-selected .card-close-icon :hover {
  cursor: pointer;
}
@media (min-width: 2160px) {
  .section3-title {
    margin-bottom: 115px;
    font-size: 44px;
  }
  .section3-desc {
    font-size: 24px;
  }
  .section3-grid-card {
    padding: 60px;
    gap: 30px;
    border-radius: 9px;
  }
  .section3-grid-card-title h3 {
    font-size: 30px;
  }
  .section3-grid-card-desc {
    padding-right: 30px;
    font-size: 24px;
    max-height: 400px;
  }
  .section3-grid-card-icon {
    font-size: 90px;
    width: 90px !important;
    height: 90px;
  }
  .section3-grid-card-links {
    font-size: 24px;
  }
  .section3-expand-grid {
    grid-template-columns: repeat(auto-fill, minmax(500px, 600px));
  }
  .section3-expand-grid-card {
    padding: 60px;
    gap: 30px;
    border-radius: 9px;
  }
  .section3-expand-grid-card-title {
    font-size: 30px;
  }
  .section3-expand-grid-card-title h3 {
    font-size: 30px;
  }
  .section3-expand-grid-card-desc {
    padding-right: 30px;
    font-size: 24px;
    max-height: 400px;
  }
  .section3-expand-grid-card-icon {
    font-size: 90px;
    width: 90px !important;
    height: 90px;
  }
  .section3-expand-grid-card-links {
    font-size: 24px;
  }
  .spec-selected {
    max-height: 1200px;
  }
}
@media (min-width: 3840px) {
  .section3-title {
    margin-bottom: 85px;
    font-size: 60px;
  }
  .section3-desc {
    font-size: 42px;
  }
  .section3-grid-card {
    padding: 60px;
    gap: 60px;
    border-radius: 12px;
  }
  .section3-grid-card-title h3 {
    font-size: 54px;
  }
  .section3-grid-card-desc {
    padding-right: 60px;
    font-size: 38px;
    max-height: 650px;
  }
  .section3-grid-card-icon {
    font-size: 120px;
    width: 120px !important;
    height: 120px;
  }
  .section3-grid-card-links {
    font-size: 38px;
  }
  .section3-expand-grid {
    grid-template-columns: repeat(auto-fill, minmax(700px, 800px));
    gap: 90px;
  }
  .section3-expand-grid-card {
    padding: 60px;
    gap: 60px;
    border-radius: 12px;
    max-height: 900px;
  }
  .section3-expand-grid-card-title {
    font-size: 54px;
  }
  .section3-expand-grid-card-title h3 {
    font-size: 54px;
  }
  .section3-expand-grid-card-desc {
    padding-right: 60px;
    font-size: 38px;
    max-height: 650px;
  }
  .section3-expand-grid-card-icon {
    font-size: 100px;
    width: 100px;
    height: 100px;
  }
  .section3-expand-grid-card-links {
    font-size: 38px;
  }
  .spec-selected {
    max-height: 1200px;
  }
}
@media (max-width: 1199px) {
  .section3 {
    line-height: 1.6;
  }
  .section3-grid {
    grid-template-columns: auto auto;
  }
  .section3-grid-card {
    width: 40vw;
  }
  .section3-grid-card-desc {
    line-height: 1.6;
  }
  .section3-grid-card-links {
    padding-right: 0;
  }
  .section3-expand-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 320px));
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .section3-grid {
    grid-template-columns: auto;
    gap: 30px;
  }
  .section3-grid-card {
    width: 80vw;
  }
  .section3-expand-grid {
    grid-template-columns: repeat(auto-fill, minmax(75vw, 80vw));
  }
  .spec-selected {
    grid-area: span 1 / span 1;
  }
}
@media (max-width: 480px) {
  .section3-grid-card-title {
    margin: 10px 0;
  }
}
.section-value-add {
  position: relative;
  color: #5a5f62;
}
.section-value-add-container {
  width: 100vw;
  position: absolute;
  top: 25%;
  left: 0;
  padding-top: 3%;
  display: flex;
  flex-direction: column;
}
.section-value-add-container-top {
  display: inline-flex;
  justify-content: space-between;
}
.section-value-add-container-top-left {
  max-width: 650px;
  height: 420px;
  line-height: 1.9;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.section-value-add-container-top-left .title {
  padding-top: 60px;
  color: #323436;
  font-weight: 600;
}
.section-value-add-container-top-left .view-link {
  padding-bottom: 20px;
}
.section-value-add-container-top-left .description {
  font-size: 20px;
  color: #5E7482;
  line-height: 36px;
}
.section-value-add-container-top-right .illustration {
  display: none;
}
.section-value-add-container-top-right .ils-show {
  display: block;
  animation: fadeInFast 1.2s linear;
}
.section-value-add-container-bottom {
  display: flex;
  flex-direction: row;
  margin: 130px auto 0 auto;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  box-shadow: 0px 10px 14px rgba(94, 116, 130, 0.1);
  border-radius: 8px;
}
.section-value-add-container-bottom .progress {
  height: 4px;
  margin-bottom: 0.3px;
  background-color: #ffffff;
  box-shadow: none;
  border-radius: 0px;
}
.section-value-add-container-bottom .progress .progress-bar {
  height: 4px;
}
.section-value-add-container-bottom .button-card {
  padding: 20px 40px;
  color: #323436;
  background: #ffffff;
  width: 250px;
  border: none;
  box-sizing: content-box;
  transition-duration: 400ms;
}
.section-value-add-container-bottom .button-card .mobile-view-caret {
  display: none;
  padding-left: 15px;
  border: none;
}
.section-value-add-container-bottom .button-card-container {
  border-right: 1px solid #dde3e8;
  background: #ffffff;
}
.section-value-add-container-bottom .button-card:hover,
.section-value-add-container-bottom .button-card:focus {
  cursor: pointer;
}
.section-value-add-container-bottom :first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.section-value-add-container-bottom :last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right: none;
}
.section-value-add-container-bottom .selected {
  display: block;
}
.progress-bar-api {
  background-color: #3F64F2;
  border-radius: 8px;
}
.progress-bar-MARKETPLACE {
  background-color: #6F52AD;
}
@media (min-width: 2160px) {
  .section-value-add-container-top-left {
    max-width: 1050px;
    line-height: 1.9;
  }
  .section-value-add-container-top-left .title {
    font-size: 46px;
  }
  .section-value-add-container-top-left .view-link {
    font-size: 30px;
  }
  .section-value-add-container-top-left .description {
    font-size: 30px;
  }
  .section-value-add-container-top-right .illustration {
    transform: scale(1.2);
  }
  .section-value-add-container-bottom {
    margin: 180px auto 0 auto;
  }
  .section-value-add-container-bottom .button-card {
    padding: 30px 55px;
    font-size: 24px;
    width: 360px;
  }
}
@media (min-width: 3840px) {
  .section-value-add-container-top-left {
    max-width: 1650px;
  }
  .section-value-add-container-top-left .title {
    font-size: 60px;
    padding-bottom: 60px;
  }
  .section-value-add-container-top-left .view-link {
    font-size: 42px;
  }
  .section-value-add-container-top-left .description {
    font-size: 42px;
    line-height: 1.9;
  }
  .section-value-add-container-top-right .illustration {
    transform: scale(1.8);
    padding: 120px 120px 0 0;
  }
  .section-value-add-container-bottom {
    margin: 18% auto 0 auto;
  }
  .section-value-add-container-bottom .button-card {
    font-size: 38px;
    width: 460px;
  }
}
@media (max-width: 1400px) {
  .section-value-add-container-top-right .illustration {
    transform: scale(0.8);
  }
  .section-value-add-container-bottom {
    margin: 60px auto 0 auto;
  }
  .section-value-add-container-bottom .button-card {
    width: 200px;
  }
}
@media (max-width: 1399px) {
  .section-value-add-container {
    top: 16%;
  }
  .section-value-add-container-bottom .button-card {
    width: 180px;
    padding: 15px;
  }
}
@media (max-width: 1199px) {
  .section-value-add-container-top {
    display: flex;
    flex-direction: column;
  }
  .section-value-add-container-top-left {
    max-width: 100%;
    height: 400px;
  }
  .section-value-add-container-top-left .view-link {
    padding-bottom: 30px;
  }
  .section-value-add-container-top-right {
    flex: 1;
  }
  .section-value-add-container-top-right .illustration,
  .section-value-add-container-top-right .ils-show {
    display: none;
  }
  .section-value-add-container-top-left {
    height: 350px;
  }
  .section-value-add-container-top-left .description {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .section-value-add-container-top-left {
    height: 300px;
  }
  .section-value-add-container-top-left .title {
    padding-top: 30px;
    font-size: 28px;
  }
  .section-value-add-container-top-left .description {
    font-size: 15px;
  }
  .section-value-add-container-top-left .view-link {
    margin-top: 0;
  }
  .section-value-add-container-bottom .button-card {
    width: 170px;
    font-size: 14px;
    padding: 10px 0px;
  }
}
@media (max-width: 767px) {
  .section-value-add .expand {
    height: 1290px;
  }
  .section-value-add-container {
    flex-direction: column-reverse;
    top: 16%;
  }
  .section-value-add-container-top-right {
    flex: 1;
  }
  .section-value-add-container-top-right .ils-show {
    display: block;
    transform: scale(0.6);
  }
  .section-value-add-container-bottom {
    flex-direction: column;
  }
  .section-value-add-container-bottom .button-card {
    width: 200px;
    padding: 20px 30px;
    font-size: 15px;
  }
  .section-value-add-container-bottom .button-card .mobile-view-caret {
    display: block;
  }
  .section-value-add-container-bottom .button-card-container {
    border-bottom: 1px solid #dde3e8;
  }
  .section-value-add-container-bottom .button-collapse {
    display: none;
  }
  .section-value-add-container-bottom .selected {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    border-bottom: none;
  }
}
@media (max-width: 480px) {
  .section-value-add .expand {
    height: 1200px;
  }
  .section-value-add-container {
    top: 8%;
  }
  .section-value-add-container-top-left .title {
    font-size: 22px;
  }
  .section-value-add-container-top-left .view-link {
    font-size: 16px;
  }
  .section-value-add-container-top-left .description {
    font-size: 16px;
  }
  .section-value-add-container-top-right {
    padding-top: 50px;
  }
  .section-value-add-container-top-right .ils-show {
    transform: none;
    width: 70vw;
    margin: 30px auto 0 auto;
  }
  .section-value-add-container-bottom {
    flex-direction: column;
  }
  .section-value-add-container-bottom .button-card {
    width: 180px;
  }
}
@media (max-width: 480px) {
  .section-value-add .expand {
    height: 1120px;
  }
  .section-value-add-container-top-right {
    padding-top: 150px;
  }
}
.section-sequence {
  padding: 3% 8%;
}
.section-sequence-title {
  color: #323436;
  font-weight: 600;
  font-size: 36px;
}
.section-sequence-container {
  width: 100%;
  padding: 4%;
  margin: 0 auto;
  align-items: center;
  padding-top: 7.5%;
}
.section-sequence-container-left {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.section-sequence-container-left .text-card {
  text-align: left;
  padding: 20px 70px;
}
.section-sequence-container-left .text-card-number {
  display: flex;
  justify-content: flex-start;
}
.section-sequence-container-left .text-card-title {
  padding-bottom: 20px;
  font-size: 24px;
  color: #5a5f62;
  font-weight: 600;
}
.section-sequence-container-left .text-card-desc {
  justify-content: flex-start;
  font-size: 20px;
  line-height: 36px;
  display: flex;
  color: #5E7482;
}
.section-sequence-container-left .text-card-desc span {
  width: 70%;
}
.section-sequence-container-right {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex-direction: row-reverse;
}
.section-sequence-container-right .text-card {
  text-align: right;
  padding: 20px 60px;
}
.section-sequence-container-right .text-card-number {
  display: flex;
  justify-content: flex-end;
}
.section-sequence-container-right .text-card-title {
  padding-bottom: 14px;
  font-size: 24px;
  color: #5a5f62;
  font-weight: 600;
}
.section-sequence-container-right .text-card-desc {
  font-size: 20px;
  line-height: 36px;
  display: flex;
  justify-content: flex-end;
  color: #5E7482;
}
.section-sequence-container-right .text-card-desc span {
  width: 70%;
}
.section-sequence-container .text-card-number span {
  width: 50px;
  height: 50px;
  color: #ffffff;
  background: #1F2629;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 24px;
}
.section-sequence-container .sequence-link {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0 15%;
}
@media (min-width: 2160px) {
  .section-sequence-title {
    font-size: 42px;
  }
  .section-sequence-container .field-image {
    width: 400px;
  }
  .section-sequence-container .text-card {
    padding: 40px;
  }
  .section-sequence-container .text-card-number {
    font-size: 28px;
    padding-bottom: 40px;
  }
  .section-sequence-container .text-card-desc span {
    width: 100%;
  }
  .section-sequence-container .text-card-title {
    font-size: 28px;
    padding-bottom: 40px;
  }
  .section-sequence-container .text-card-desc {
    font-size: 24px;
    line-height: 1.9;
  }
  .section-sequence-container .sequence-link {
    padding: 1% 15%;
  }
}
@media (min-width: 3840px) {
  .section-sequence-title {
    font-size: 60px;
  }
  .section-sequence-container .field-image {
    width: 600px;
  }
  .section-sequence-container .text-card {
    padding: 60px;
  }
  .section-sequence-container .text-card-number {
    font-size: 54px;
    padding-bottom: 60px;
  }
  .section-sequence-container .text-card-number span {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
  .section-sequence-container .text-card-title {
    font-size: 54px;
    padding-bottom: 60px;
  }
  .section-sequence-container .text-card-desc {
    font-size: 38px;
    line-height: 1.9;
  }
  .section-sequence-container .text-card-desc span {
    width: 100%;
  }
  .section-sequence-container .sequence-link {
    padding: 1% 15%;
  }
}
@media (max-width: 1199px) {
  .section-sequence-container .text-card-desc span {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .section-sequence-container .field-image {
    transform: scale(0.8);
  }
  .section-sequence-container .text-card {
    padding: 10px;
  }
  .section-sequence-container .text-card-title {
    padding-bottom: 10px;
  }
}
@media (767px) {
  .section-sequence-container-left,
  .section-sequence-container-right {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .section-sequence {
    margin-top: 30px;
    padding: 3% 15px;
  }
  .section-sequence-title {
    font-size: 22px;
  }
  .section-sequence-container-left {
    flex-direction: column;
  }
  .section-sequence-container-left .text-card-title {
    font-size: 18px;
  }
  .section-sequence-container-left .text-card-desc {
    font-size: 14px;
    line-height: 24px;
  }
  .section-sequence-container-right {
    flex-direction: column;
  }
  .section-sequence-container-right .text-card-title {
    font-size: 18px;
  }
  .section-sequence-container-right .text-card-desc {
    font-size: 14px;
    line-height: 24px;
  }
  .section-sequence-container .field-image {
    transform: none;
    width: 120px;
    height: 120px;
  }
  .section-sequence-container .text-card-number span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
}
.section6 {
  position: relative;
  width: 100%;
}
.section6-landing-image {
  width: 100%;
  height: auto;
}
.section6-contain {
  padding: 0 8%;
  top: 24%;
  position: absolute;
  width: 100%;
}
.section6-contain .title {
  text-align: left;
  margin-bottom: 30px;
  font-size: 36px;
  color: #323436;
}
.section6-contain .desc {
  opacity: 0.7;
  line-height: 36px;
  font-size: 20px;
  color: #5E7482;
}
.section6-contain .carousel-container {
  padding-top: 40px;
  right: 0;
}
.section6-contain .carousel-container .react-multi-carousel-track {
  gap: 0px;
}
.section6-contain .custom-dot-list-style {
  bottom: -20px;
}
.section6-contain .spot-item {
  padding: 40px 30px;
  border: 1px solid #dde3e8;
  border-radius: 8px;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.2);
  min-height: 360px;
  background-color: #ffffff;
  margin: 0 30px;
}
.section6-contain .spot-item img {
  display: block;
  margin: 0 auto;
  margin-bottom: 40px;
}
.section6-contain .spot-item .card-icon {
  width: 60px;
  font-size: 60px;
  color: #ffffff;
  margin-bottom: 20px;
  padding: 12px;
}
.section6-contain .spot-item .card-title {
  padding: 20px 0;
  color: #323436;
  font-size: 20px;
  font-weight: 600;
}
.section6-contain .spot-item .card-desc {
  color: #5E7482;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 30px;
}
.section6-contain .spot-item .card-link {
  font-size: 16px;
  color: #3F64F2 !important;
}
.section6-contain .spotlight-cards {
  display: flex;
  flex-direction: row;
  gap: 35px;
  justify-content: flex-start;
}
@media (min-width: 2160px) {
  .section6-contain .title {
    margin-bottom: 55px;
    font-size: 44px;
  }
  .section6-contain .desc {
    font-size: 28px;
    line-height: 1.9;
  }
  .section6-contain .spot-item {
    height: 420px;
  }
  .section6-contain .spot-item .card-icon {
    font-size: 80px;
    padding: 20px;
  }
  .section6-contain .spot-item .card-title {
    font-size: 30px;
  }
  .section6-contain .spot-item .card-desc {
    padding-right: 30px;
    padding-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
  }
  .section6-contain .spot-item .card-link {
    font-size: 20px;
  }
}
@media (max-width: 1400px) {
  .section6-landing-image {
    height: 1250px;
    width: auto;
  }
}
@media (max-width: 480px) {
  .section6-contain {
    top: 15%;
    padding: 0 15px;
  }
  .section6-contain .title {
    font-size: 22px;
  }
  .section6-contain .desc {
    font-size: 14px;
    line-height: 24px;
  }
  .section6-contain .carousel-container {
    right: 0;
  }
  .section6-contain .carousel-container .react-multi-carousel-track {
    gap: 0;
  }
  .section6-contain .spot-item .card-icon {
    padding: 10px;
    font-size: 50px;
  }
  .section6-contain .spot-item .card-title {
    padding: 20px 0;
    color: #323436;
    font-size: 20px;
  }
  .section6-contain .spot-item .card-desc {
    font-size: 16px;
    line-height: 24px;
  }
  .section6-contain .spot-item .card-link {
    font-size: 16px;
  }
}
.CascadingCards {
  color: #000000;
  position: relative;
  z-index: 0;
  background-color: #F2F4F5;
}
.CascadingCards .CascadingCards-contain {
  padding-top: 5%;
  text-align: left;
}
.CascadingCards .CascadingCards-contain h2 {
  color: #000000;
  font-size: 48px;
}
.CascadingCards .CascadingCards-contain h2 b {
  font-family: Roobert Bold, sans-serif;
}
@media (max-width: 767px) {
  .CascadingCards .CascadingCards-contain {
    padding: 40px 12px 60px 12px;
  }
}
.CascadingCards .CascadingCards-contain .jsx-parser {
  font-size: 48px;
  font-family: Roobert Light, sans-serif;
}
.CascadingCards .CascadingCards-contain .jsx-parser b {
  font-family: Roobert, sans-serif;
}
.CascadingCards .CascadingCards-contain .CascadingCards-title,
.CascadingCards .CascadingCards-contain .jsx-parser {
  padding-top: 30px;
  color: #000000;
  font-size: 48px;
  line-height: 64px;
  font-family: Roobert Light, sans-serif;
}
.CascadingCards .CascadingCards-contain .CascadingCards-title b,
.CascadingCards .CascadingCards-contain .jsx-parser b {
  font-family: Roobert, sans-serif;
}
@media (max-width: 767px) {
  .CascadingCards .CascadingCards-contain .CascadingCards-title,
  .CascadingCards .CascadingCards-contain .jsx-parser {
    font-size: 24px;
  }
}
.CascadingCards .CascadingCards-contain .CascadingCards-desc {
  padding-top: 35px;
  font-size: 20px;
  color: #000000;
  line-height: 36px;
  font-family: Roobert, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.36px;
  max-width: 1380px;
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid {
  margin: 68px 0px 150px 0px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px;
}
@media (max-width: 767px) {
  .CascadingCards .CascadingCards-contain .CascadingCards-grid {
    margin: 68px 0px 0px 0px;
  }
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid .cards-container {
  display: contents;
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid .cards-container:not(.left-space) .CascadingCards-grid-card:nth-child(1) {
  grid-column: 1 / span 2;
  grid-row: 1;
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid .cards-container:not(.left-space) .CascadingCards-grid-card:nth-child(2) {
  grid-column: 3 / span 2;
  grid-row: 1;
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid .cards-container.left-space .CascadingCards-grid-card:nth-child(1) {
  grid-column: 2 / span 2;
  grid-row: 2;
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid .cards-container.left-space .CascadingCards-grid-card:nth-child(2) {
  grid-column: 4 / span 2;
  grid-row: 2;
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid-card {
  display: flex;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #CCCECF;
  padding: 30px;
  text-align: left;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  gap: 15px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .CascadingCards .CascadingCards-contain .CascadingCards-grid-card {
    padding: 18px 18px 30px 18px;
  }
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid-card svg {
  color: #ffffff;
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid-card img {
  width: 60px;
  height: 60px;
}
@media (max-width: 767px) {
  .CascadingCards .CascadingCards-contain .CascadingCards-grid-card img {
    width: 50px;
    height: 50px;
  }
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid-card .theme-icon {
  padding: 13px;
  border-radius: 6px;
  width: 60px;
  height: 60px;
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid-card .card-new {
  background-color: #F9B701;
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid-card-card-title-desc {
  padding-left: 15px;
}
@media (max-width: 1199px) {
  .CascadingCards .CascadingCards-contain .CascadingCards-grid-card-card-title-desc {
    padding-left: 0px;
  }
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid-card-card-title-desc a {
  font-size: 16px;
  font-weight: 600;
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid-card-card-title {
  font-size: 22px;
  color: #000000;
  font-family: Roobert Medium, sans-serif;
  line-height: 24px;
}
@media (max-width: 768px) {
  .CascadingCards .CascadingCards-contain .CascadingCards-grid-card-card-title {
    font-size: 18px;
  }
}
.CascadingCards .CascadingCards-contain .CascadingCards-grid-card-card-desc {
  font-size: 16px;
  color: #000000;
  line-height: 26px;
  margin-top: 12px;
  font-family: Roobert, sans-serif;
  line-height: 24px;
  letter-spacing: 0.16px;
}
@media (max-width: 1199px) {
  .CascadingCards {
    background-color: #F2F4F5;
  }
  .CascadingCards .CascadingCards-contain .CascadingCards-grid-card {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .CascadingCards {
    background-color: #F2F4F5;
  }
  .CascadingCards .CascadingCards-contain .CascadingCards-grid {
    grid-template-columns: 1fr;
  }
  .CascadingCards .CascadingCards-contain .CascadingCards-grid .cards-container:not(.left-space) .CascadingCards-grid-card:nth-child(1) {
    grid-column: 1;
    grid-row: auto;
  }
  .CascadingCards .CascadingCards-contain .CascadingCards-grid .cards-container:not(.left-space) .CascadingCards-grid-card:nth-child(2) {
    grid-column: 1;
    grid-row: auto;
  }
  .CascadingCards .CascadingCards-contain .CascadingCards-grid .cards-container.left-space .CascadingCards-grid-card:nth-child(1) {
    grid-column: 1;
    grid-row: auto;
  }
  .CascadingCards .CascadingCards-contain .CascadingCards-grid .cards-container.left-space .CascadingCards-grid-card:nth-child(2) {
    grid-column: 1;
    grid-row: auto;
  }
  .CascadingCards .CascadingCards-contain .CascadingCards-grid-card {
    max-width: inherit;
    width: 100%;
  }
}
.sectionsolutions {
  font-family: Roobert, sans-serif;
  background-color: #F7F9FB;
}
.sectionsolutions.section-content {
  padding-bottom: 120px;
}
.sectionsolutions .showmorecards {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.sectionsolutions .sectionsolutions-filtertab {
  display: flex;
  margin-bottom: 34px;
}
.sectionsolutions .sectionsolutions-filtertab button.ui-action-button {
  margin: 20px 30px 10px 0px;
  padding: 0px 0px 12px 0px;
  font-size: 15px;
  color: #000000;
  border: none;
  background-color: transparent;
  line-height: 135%;
  min-width: unset;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: unset;
}
.sectionsolutions .sectionsolutions-filtertab button.ui-action-button.filtertab-active,
.sectionsolutions .sectionsolutions-filtertab button.ui-action-button:hover {
  text-decoration-line: underline;
  text-underline-offset: 17px;
  text-decoration-thickness: 4px;
  color: #1D1F48;
}
.sectionsolutions hr {
  width: 100%;
  margin: 0 auto;
}
.sectionsolutions .section-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(370px, 1fr));
  gap: 35px;
}
.sectionsolutions .section-grid .section-grid-card {
  display: flex;
  flex-direction: column;
  color: #000000;
  padding: 30px 30px 30px 36px;
  border: 1px solid #DDE3E8;
  box-shadow: 0px 2px 10px 0px #5e748226;
  border-radius: 6px;
  background-color: #ffffff;
}
.sectionsolutions .section-grid .section-grid-card h3.section-grid-card-title {
  font-family: Roobert Medium, sans-serif;
  margin: 20px 0 0 0;
  color: #000000;
  line-height: 24px;
  font-size: 20px;
}
.sectionsolutions .section-grid .section-grid-card .section-grid-card-desc {
  font-size: 16px;
  font-weight: 400;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
  margin-top: 16px;
  margin-bottom: 24px;
  line-height: 24px;
  letter-spacing: 0.16px;
  font-style: normal;
}
.sectionsolutions .section-grid .section-grid-card .section-grid-card-icon {
  background-color: #692C8F;
  display: flex;
  width: 60px;
  height: 60px;
  padding: 11px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #ffffff;
}
.sectionsolutions .section-grid .section-grid-card .section-grid-card-links {
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
  display: flex;
  margin-top: auto;
  gap: 20px;
}
.sectionsolutions .section-grid .section-grid-card .section-grid-card-links a {
  color: #395FF0;
  padding-right: 30px;
  padding-bottom: 5px;
}
.sectionsolutions .section-grid .section-grid-card .section-grid-card-links a:hover {
  text-decoration-line: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
.sectionsolutions .section-grid .section-grid-card.section-card-selected {
  grid-area: span 1 / span 2;
  width: auto;
  position: relative;
  animation: widthIncrease 200ms linear;
  max-height: 1000px;
}
.sectionsolutions .section-grid .section-grid-card.section-card-selected .section-card-selected-desc {
  animation: hideAndShow 900ms linear;
}
.sectionsolutions .section-grid .section-grid-card.section-card-selected .section-expand-grid-card-title {
  background-color: #ffffff;
  border: none;
  padding-left: 0px;
  margin: 10px 0px 0px;
  color: #323436;
}
.sectionsolutions .section-grid .section-grid-card.section-card-selected .section-expand-grid-card-title:hover {
  cursor: pointer;
  transform: scale(1.01);
  transition-duration: 300ms;
}
.sectionsolutions .section-grid .section-grid-card.section-card-selected .section-grid-card-close {
  position: absolute;
  background-color: #ffffff;
  min-width: 3px;
  border: none;
  right: 20px;
  top: 20px;
}
.sectionsolutions .section-grid .section-grid-card.section-card-selected .section-grid-card-close :hover {
  cursor: pointer;
}
.sectionsolutions .section-grid .section-grid-card .section-expand-grid-card-icon {
  width: 60px;
  height: 60px;
  padding: 12px;
  color: #ffffff;
}
.sectionsolutions .section-grid .section-grid-card .section-expand-grid-card-links {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  margin-top: auto;
  padding-right: 15%;
}
.sectionsolutions .section-grid .section-grid-card .section-expand-grid-card-links a {
  color: #395FF0;
  flex: 1;
  transition-duration: 300ms;
  font-family: Roobert Medium, sans-serif;
}
.sectionsolutions .section-grid .section-grid-card .section-expand-grid-card-links a:hover {
  transform: scale(1.05);
}
@media (max-width: 1399px) {
  .sectionsolutions .section-grid {
    grid-template-columns: repeat(2, minmax(370px, 1fr));
  }
}
@media (max-width: 992px) {
  .sectionsolutions .section-grid {
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}
@media (max-width: 768px) {
  .sectionsolutions .section-grid {
    grid-template-columns: 100%;
    gap: 30px;
  }
  .sectionsolutions .section-grid .section-grid-card {
    padding: 18px 18px 22px 18px ;
  }
  .sectionsolutions .section-grid .section-grid-card h3.section-grid-card-title {
    font-size: 18px;
  }
  .sectionsolutions .section-grid .section-grid-card .section-grid-card-links {
    font-size: 14px;
  }
  .sectionsolutions .section-grid .section-grid-card.section-card-selected {
    grid-area: span 1 / span 1;
  }
  .sectionsolutions .section-grid .section-grid-card .section-grid-card-desc {
    margin-bottom: 22px;
  }
  .sectionsolutions .section-grid .section-grid-card .section-grid-card-icon {
    width: 44px;
    height: 44px;
    padding: 9px;
  }
}
@media (max-width: 480px) {
  .sectionsolutions .section-grid .section-grid-card .section-grid-card-desc {
    margin: 18px 0 22px 0;
  }
}
.whatis-container {
  padding: 120px 130px 120px 130px;
}
.whatis-container .whatis-header-title {
  color: #000000;
  line-height: 64px;
  font-size: 48px;
  font-family: Roobert Light, sans-serif;
}
.whatis-container .whatis-header-title b {
  font-family: Roobert Bold, sans-serif;
}
.whatis-container .whatis-header-desc {
  letter-spacing: 1%;
  color: #000000;
  padding-top: 26px;
  line-height: 24px;
  font-size: 18px;
}
@media (min-width: 2160px) {
  .whatis-container {
    padding: 120px 20% 120px 20%;
  }
}
@media (max-width: 768px) {
  .whatis-container {
    padding: 40px 12px;
  }
  .whatis-container .whatis-header-title {
    font-size: 24px;
    line-height: 31.2px;
  }
  .whatis-container .whatis-header-desc {
    padding-top: 20px;
    line-height: 24px;
    font-size: 16px;
  }
}
.parser-help-popover {
  font-family: Roobert, sans-serif;
  font-size: 13px;
  padding: 12px;
  color: #ffffff;
  background-color: #323436;
}
.parser-help-popover.left > .arrow {
  border-left-color: #323436;
}
.parser-help-popover.top > .arrow {
  border-top-color: #323436;
}
.parser-help-popover.bottom > .arrow {
  border-bottom-color: #323436;
}
.parser-help-popover.right > .arrow {
  border-right-color: #323436;
}
.parser-container #seeMoreButton {
  background-color: #395FF0;
  color: #ffffff;
  border: 1px solid #395FF0;
  transition-duration: 250ms;
  font-family: Roobert, sans-serif;
}
.parser-container #seeMoreButton:hover {
  background-color: #1D3282;
  color: #ffffff;
  border: 1px solid #1D3282;
  transition-duration: 250ms;
}
.parser-container #seeMoreButton:active {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
}
.parser-container #seeMoreButton:focus {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.parser-container #seeMoreButton:focus:not(:focus-visible) {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.parser-container #seeMoreButton:focus-visible {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.parser-container #seeMoreButton:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 1px solid #dde3e8;
  opacity: 1;
  cursor: default;
}
.parser-container .nav-header {
  position: initial;
  border-top: 1px solid #dcdacb;
  background: #ffffff;
  z-index: 1009;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.4rem;
  padding-left: 5rem;
}
@media only screen and (max-width: 1199px) {
  .parser-container .nav-header {
    padding-left: 1rem;
  }
}
@media (max-width: 1199px) {
  .parser-container .nav-header {
    padding-left: 3rem;
  }
}
@media (min-width: 1919px) {
  .parser-container .nav-header {
    padding-left: 13rem;
  }
}
.parser-container .nav-header > ul {
  max-height: 8rem;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
}
.parser-container .nav-header > ul > li {
  display: flex;
  flex-direction: row;
}
.parser-container .nav-header > ul > li .heading {
  font-weight: 600;
  font-size: 18px;
  color: #323436;
}
.parser-container .nav-header > ul > li > a {
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  text-align: right;
  color: #5E7482;
  font-family: Roobert Medium, sans-serif;
  padding: 6rem 3rem;
}
@media only screen and (device-width: 768px) {
  .parser-container .nav-header > ul > li > a {
    font-size: 13px;
  }
}
@media (max-width: 1199px) {
  .parser-container .nav-header > ul > li > a {
    padding: 6rem 2.3rem;
  }
}
@media only screen and (device-width: 768px) {
  .parser-container .nav-header > ul > li > a {
    padding: 6rem 1rem;
  }
}
@media (max-width: 991px) {
  .parser-container .nav-header > ul > li > a {
    padding: 6rem 2rem;
  }
}
.parser-container .nav-header > ul > li > a:hover,
.parser-container .nav-header > ul > li > a:focus {
  color: #0278B6;
}
.parser-container .nav-header > ul > li > a svg.fa-caret-down {
  margin-left: 5px;
}
.parser-container .nav-header > ul > li > a svg.fa-caret-up {
  margin-left: 5px;
}
.parser-container .nav-header > ul > li > a[aria-expanded="true"] svg.fa-caret-down {
  color: #5E7482;
  display: none;
}
.parser-container .nav-header > ul > li > a[aria-expanded="true"] svg.fa-caret-up {
  display: inline-block;
}
.parser-container .nav-header > ul > li > a[aria-expanded="false"] svg.fa-caret-down {
  color: #5E7482;
  display: inline-block;
}
.parser-container .nav-header > ul > li > a[aria-expanded="false"] svg.fa-caret-up {
  display: none;
}
@media (max-width: 991px) {
  .parser-container .nav-header .subnav-mobile-nav-dropdown {
    height: calc(100vh - 108px);
  }
}
.parser-container .form-control.ui-text-input {
  font-family: Roobert, sans-serif;
  font-size: 14px;
  color: #323436;
}
.parser-container .floating-form-group:not(.empty) > .floating-label {
  font-family: Roobert, sans-serif;
  font-size: 13px;
  color: #9ea5af;
}
.parser-container a:hover {
  cursor: pointer;
}
.parser-container a:focus {
  outline-width: 0px;
}
.parser-container button {
  text-transform: none;
}
.parser-container button.button-link {
  background-color: transparent;
  border: 0px none transparent;
  padding: 0px;
  color: #0278B6;
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
}
.parser-container button.button-link:hover,
.parser-container button.button-link:focus {
  color: #015784;
}
.parser-container .app-button-primary {
  margin-top: 0px;
  margin-bottom: 0px;
  text-transform: none;
  border-width: 1px;
  border-radius: 8px;
  min-width: 120px;
}
.parser-container .app-button-primary:focus,
.parser-container .app-button-primary:hover {
  border-width: 1px;
}
.parser-container .parser-promote-history-container .parser-promote-history-header {
  margin-top: 54px;
}
@media (min-width: 3840px) {
  .parser-container .parser-promote-history-container .parser-promote-history-header {
    margin-top: 120px;
  }
}
.parser-container .parser-promote-history-container .parser-promote-history {
  padding-top: 50px;
}
.parser-container .parser-promote-history-container .parser-promote-history .seemore-button {
  text-align: center;
}
.parser-container .parser-dashboard-container .parser-dashboard-padding {
  padding-right: 7.25%;
  padding-left: 7.25%;
}
@media (max-width: 768px) {
  .parser-container .parser-dashboard-container .parser-dashboard-padding .dashboard-cards:first-child .col-md-4:first-child .version-cards {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .parser-container .parser-dashboard-container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.parser-container .parser-dashboard-header {
  margin-top: 54px;
}
@media (min-width: 3840px) {
  .parser-container .parser-dashboard-header {
    margin-top: 120px;
  }
}
@media (max-width: 991px) {
  .parser-container .parser-dashboard-header .content-padding {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.parser-container .parser-dashboard-header-versions {
  height: 255px;
}
.parser-container .parser-header {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}
.parser-container .parser-header .version-file-more {
  display: flex;
  margin-top: 38px;
}
.parser-container .parser-header .second-version-details {
  display: flex;
  margin-left: 30px;
}
.parser-container .parser-header .version-file-icon {
  width: 40px;
  height: 40px;
  background: #dde3e8;
  border-radius: 6px;
}
.parser-container .parser-header .version-file-icon svg {
  margin-top: 20%;
  height: 19.2px;
  width: 14.4px;
  margin-left: 35%;
}
.parser-container .parser-header .version-details {
  margin-left: 16px;
}
.parser-container .parser-header .version-details .version-detail-name-label {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #323436;
}
.parser-container .parser-header .version-details .version-detail-name-value {
  font-size: 15px;
  line-height: 20px;
  color: #5a5f62;
  margin-top: 4px;
}
.parser-container .parser-header .parser-breadcrumbs {
  margin-bottom: 14px;
  margin-top: 25px;
}
.parser-container .parser-header .parser-breadcrumbs ol {
  margin-bottom: 0px;
  background-color: #f7f9fb;
  padding: 0px;
}
.parser-container .parser-header .parser-breadcrumbs ol a,
.parser-container .parser-header .parser-breadcrumbs ol span {
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  color: #3F64F2;
}
.parser-container .parser-header .parser-breadcrumbs .breadcrumb > li + li:before {
  content: ">";
  color: #5a5f62;
  padding: 0px 8px;
}
.parser-container .parser-header h1.header-text {
  font-size: 36px;
  font-weight: 600;
  color: #323436;
}
.parser-container .parser-header span.header-desc {
  font-size: 20px;
  color: #5E7482;
  display: inline-block;
  margin-top: 14px;
}
@media (max-width: 768px) {
  .parser-container .parser-header {
    padding-top: 70px;
    padding-bottom: 24px;
  }
  .parser-container .parser-header h1.header-text {
    font-size: 20px;
  }
}
.parser-container .dashboard-filter {
  margin-top: 50px;
}
@media (max-width: 768px) {
  .parser-container .dashboard-filter {
    margin-top: 30px;
    padding-left: 12px;
  }
}
.parser-container .dashboard-toolbar {
  display: flex;
}
.parser-container .dashboard-toolbar .dashboard-filter-select {
  margin-right: 30px;
  min-width: 170px;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle {
  padding: 12px 14px;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle .svg-inline--fa {
  color: #5E7482;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle svg {
  color: #5E7482;
  font-size: 15px;
  width: auto;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .dropdown-menu > li > a {
  padding-top: 10px;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .dropdown-backdrop {
  display: none;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-single-control {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select > .dropdown-toggle {
  font-size: 14px;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select > .dropdown-toggle.btn {
  display: flex;
  border-radius: 8px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  outline: none;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item {
  font-size: 14px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item a {
  padding-top: 8px;
  padding-bottom: 8px;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item a:hover,
.parser-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item a:focus {
  background-color: #f0f4f6;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-content {
  border-radius: 8px;
  padding-bottom: 10px;
  z-index: 3;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-title {
  font-weight: 600;
  color: #323436;
  flex: none;
  margin: 0px 4px;
  padding-right: 14px;
  max-width: 99px;
}
.parser-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-title.zoom:hover {
  left: -4px;
  white-space: nowrap;
  background-color: #ffffff;
  z-index: 5;
  text-overflow: initial;
  overflow: initial;
  max-width: none;
  box-shadow: 2px 2px 10px #dfe1e6;
  transition-delay: 0.5s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.parser-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-label {
  color: #5E7482;
  margin: 0px 0px 0px 4px;
}
.parser-container .dashboard-toolbar .newparser-btn {
  text-align: right;
}
.parser-container .dashboard-toolbar .newparser-btn .btn {
  background: #395FF0;
  border-radius: 8px;
  width: 220px;
  height: 48px;
}
.parser-container .dashboard-toolbar .newparser-btn .btn:first-child {
  margin-right: 10px;
}
.parser-container .dashboard-toolbar .newparser-btn .btn .select-label {
  color: #5E7482;
}
@media (max-width: 768px) {
  .parser-container .dashboard-toolbar .newparser-btn {
    display: none;
  }
}
.parser-container .dashboard-filter-lg {
  display: block;
}
@media (max-width: 768px) {
  .parser-container .dashboard-filter-lg {
    display: none;
  }
}
.parser-container .dashboard-filter-sm {
  display: none;
}
@media (max-width: 768px) {
  .parser-container .dashboard-filter-sm {
    display: block;
  }
}
.parser-container .dashboard-filter-sm svg {
  margin-right: 8px;
}
.parser-container .dashboard-filter-sm button {
  color: #395FF0;
  font-size: 14px;
  font-weight: 600;
}
.parser-container .dashboard-filter-sm button:hover,
.parser-container .dashboard-filter-sm button:active,
.parser-container .dashboard-filter-sm button:focus {
  color: #0e31b5;
}
@media (min-width: 992px) {
  .parser-container .nofiles-img img {
    width: 270px;
    height: 150px;
  }
}
@media (max-width: 768px) {
  .parser-container .dashboard-toolbar {
    display: block;
  }
  .parser-container .dashboard-toolbar .dashboard-filter-select {
    margin-bottom: 30px;
  }
}
.parser-container .parser-dashboard {
  position: relative;
}
.parser-container .parser-dashboard #load-more-button {
  background: #395FF0;
  border-radius: 8px;
  margin: auto;
  margin-bottom: 45px;
  margin-top: -60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .parser-container .parser-dashboard #load-more-button {
    width: 180px;
    height: 38px;
  }
}
@media (min-width: 3840px) {
  .parser-container .parser-dashboard #load-more-button {
    height: auto;
    width: auto;
  }
}
.parser-container .parser-dashboard .dashboard-content {
  min-height: 510px;
  padding-top: 50px;
  padding-bottom: 75px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .version-cards {
  min-height: 200px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .version-cards .card-header .ui-dropdown-content {
  font-size: 14px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .version-cards .card-header .ui-dropdown-content a {
  color: #5E7482;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .version-cards .card-header .card-header-detail {
  margin-bottom: 0px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .version-cards .card-content {
  margin-top: 0px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .version-cards .dropdown {
  float: right;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .version-cards .dropdown .dropdown-menu {
  max-width: 174px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .version-cards .dropdown .dropdown-menu .promote {
  padding: 20px 24px;
  display: block;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .version-cards .card-version-timstamp {
  font-size: 15px;
  line-height: 20px;
  color: #5E7482;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .col-md-4 {
  padding: 0 20px 0 20px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .dropdown button {
  background: none;
  border: none;
  box-shadow: none;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .dropdown button svg {
  color: #5E7482;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .dropdown .dropdown-menu {
  padding: 12px 6px;
  gap: 6px;
  width: 150px;
  background: #ffffff;
  border: 1px solid #DDE3E8;
  box-shadow: 0px 2px 10px #5e7482;
  border-radius: 8px;
  left: -130px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .dropdown .dropdown-menu li {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  padding: 8px 0 8px 0;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .dropdown .dropdown-menu li a {
  color: #5E7482;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .dropdown .dropdown-menu li a:focus,
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .dropdown .dropdown-menu li a:hover {
  background-color: inherit;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .dropdown .dropdown-menu li.delete a {
  color: #CE1518;
  font-family: Roobert Medium, sans-serif;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-cards .dropdown .dropdown-menu li:hover {
  background-color: #f0f4f6;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card {
  min-height: 250px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 30px;
  background-color: #ffffff;
  margin-bottom: 40px;
  position: relative;
  padding-bottom: 25px;
  display: flex;
  flex-direction: column;
  color: #5a5f62;
  text-align: left;
  width: 28vw;
  gap: 15px;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px 0px #5e748226;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .parser-container .parser-dashboard .dashboard-content .dashboard-card {
    margin-bottom: 30px;
    padding-left: 18px;
    padding-top: 18px;
    width: auto;
  }
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.draft-card .card-content .card-values {
  width: 44%;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .ui-action-link {
  text-align: unset;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header {
  position: relative;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header #parser-dashboard-card-dropdown :focus,
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header #parser-dashboard-card-dropdown :active {
  outline: none;
  border: none;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header #parser-dashboard-card-dropdown .dropdown-menu .ui-dropdown-item {
  font-size: 14px;
  color: #5E7482;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header #parser-dashboard-card-dropdown .dropdown-menu *:focus {
  border: 0.1em solid #395FF0;
  background-color: rgba(0, 0, 0, 0);
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .ui-dropdown-content {
  font-size: 14px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .ui-dropdown-content a {
  color: #5E7482;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .card-header-detail {
  display: flex;
  margin-bottom: 24px;
  justify-content: space-between;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .card-header-detail .card-header-left {
  display: flex;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .card-header-detail .card-timestamp {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 10px;
  position: static;
  width: fit-content;
  height: 28px;
  left: 0px;
  top: 0px;
  background: #f0f4f6;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-right: 12px;
  font-weight: 600;
  font-size: 14px;
  color: #5a5f62;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .card-header-detail .card-timestamp .card-timestamp-date {
  margin: 0px 6px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .card-header-detail .card-type-prod {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 10px;
  width: 55px;
  height: 28px;
  left: 120px;
  top: 0px;
  background: #E7FADB;
  border-radius: 8px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 12px;
  position: static;
  left: 10px;
  right: 10px;
  top: 14.29%;
  bottom: 14.29%;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #008858;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .card-header-detail .draft-edit-icon {
  order: 2;
  margin-left: auto;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .card-header-detail .draft-edit-icon svg {
  color: #687e90;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .card-environment span {
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 600;
  border: solid 1px #5a5f62;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .card-environment span:not(:last-of-type) {
  margin-right: 5px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .card-environment .env-pill-PRODUCTION {
  color: #028053;
  background-color: #E7FADB;
  border: 0px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .card-environment .env-pill-UAT {
  color: #395FF0;
  background-color: #E8F0FE;
  border: 0px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header .card .zoom {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header:hover .zoom,
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-header:focus .zoom {
  position: absolute;
  left: -4px;
  margin: auto;
  transform: translateY(-50%);
  white-space: nowrap;
  background-color: #ffffff;
  border-radius: 2px;
  z-index: 1;
  text-align: left;
  box-shadow: 2px 2px 10px #dfe1e6;
  padding: 5px;
  margin-top: 10px;
  animation: fadeIn linear 2s;
  -webkit-animation: fadeIn linear 2s;
  -moz-animation: fadeIn linear 2s;
  -o-animation: fadeIn linear 2s;
  -ms-animation: fadeIn linear 2s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card h3.card-title {
  font-weight: 600;
  font-size: 20px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.5s ease-out;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .envwrapper .env {
  background: #cccccc;
  color: #333;
  padding: 3px 7px;
  margin-right: 5px;
  font-size: 14px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .envwrapper .env.prod {
  background: #E7FADB;
  color: #028053;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .envwrapper .env.uat {
  background: #848586;
  color: #395FF0;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-content {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  margin-top: 25px;
  min-width: 0;
  flex-basis: 50%;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-content .card-values {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  flex-basis: 50%;
}
@media (max-width: 768px) {
  .parser-container .parser-dashboard .dashboard-content .dashboard-card .card-content {
    flex-direction: row;
  }
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-content .card-label {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #5a5f62;
  padding-right: 10px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-content .card-text {
  color: #5E7482;
  font-size: 15px;
  line-height: 20px;
  margin-right: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .parser-container .parser-dashboard .dashboard-content .dashboard-card .card-content .card-text:last-child {
    overflow-wrap: break-word;
  }
}
@media (min-width: 768px) {
  .parser-container .parser-dashboard .dashboard-content .dashboard-card .card-content .card-text {
    flex-direction: row;
  }
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-content .card-content-type {
  margin-top: 48px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-content.show-more {
  z-index: 2;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-content.show-more .dashboard-card-more {
  border-top: 1px solid #dde3e8;
  margin: 30px -30px 0px -30px;
  padding-top: 10px;
  opacity: 1;
  background-color: #ffffff;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card .card-content .card-desc {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #5E7482;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card {
  max-height: 330px;
  min-height: 300px;
  gap: 0px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card {
  max-height: 330px;
  min-height: 300px;
  gap: 0px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon {
  display: flex;
  justify-content: space-between;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon > svg {
  background: #00A889;
  border-radius: 6px;
  padding: 12px;
  color: #ffffff;
  width: 44px;
  height: 44px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .btn {
  color: #395FF0;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 600;
  align-items: center;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .btn .span {
  flex: 1;
  transition-duration: 300ms;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .btn:hover {
  text-decoration: underline;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-subscribed {
  display: flex;
  justify-content: space-between;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-subscribed > svg {
  background: #00A889;
  border-radius: 6px;
  padding: 12px;
  color: #ffffff;
  width: 44px;
  height: 44px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-subscribed .btn {
  color: #395FF0;
  padding-left: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 600;
  align-items: center;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-subscribed .btn .span {
  flex: 1;
  transition-duration: 300ms;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-subscribed .btn:hover {
  text-decoration: underline;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-subscribed .card-subscribed {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 10px;
  gap: 6px;
  width: 106px;
  height: 28px;
  right: 970px;
  top: 494px;
  background: #f0f4f6;
  border-radius: 8px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-subscribed .card-subscribed span {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #5a5f62;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-subscribed .card-subscribed svg {
  width: 11.2px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .base-file-action-link {
  margin-top: 20px;
  margin-bottom: 10px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .base-file-action-link .ui-action-link {
  padding-left: 0px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-content {
  margin-top: 5px;
  margin-bottom: 20px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-content .card-text {
  width: 100%;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-content .card-text.card-hover-text {
  height: 50px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-content .card-text .card-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 48px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-content .card-text .card-desc.highlight-card-desc:hover {
  display: inline-table;
  box-shadow: 2px 2px 10px #dfe1e6;
  transition-delay: 0.5s;
  animation: fadeIn linear 2s;
  overflow: visible;
  background: #ffffff;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .card-content .card-values {
  min-width: 60px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .base-file-icon .draft-content {
  padding-left: 77px;
}
.parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .dashboard-card-more {
  padding: 0px 30px;
  border: 0px;
  border-top: 1px solid #dde3e8;
  opacity: 0;
  background-color: #f7f9fb;
  transition: opacity 1s ease-out, background-color 1s ease-out;
}
@media (min-width: 992px) {
  .parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .dashboard-background {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #000000;
    opacity: 0.1;
    z-index: 1;
  }
  .parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .dashboard-cards .col-md-6:nth-child(odd) .dashboard-card {
    min-height: 210px;
    color: #00406e;
    box-sizing: border-box;
    box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.2);
    border-radius: 8px;
  }
  .parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .dashboard-cards .col-md-6:nth-child(odd) .base-file-card {
    min-height: 180px;
    max-height: 180px;
  }
  .parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .dashboard-cards .col-md-6:nth-child(even) .dashboard-card {
    min-height: 210px;
    margin-left: 15px;
    margin-right: 240px;
    min-width: 460px;
    max-width: 460px;
  }
  .parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .dashboard-cards .col-md-6:nth-child(even) .base-file-card {
    min-height: 180px;
  }
  .parser-container .parser-dashboard .dashboard-content .dashboard-card.base-file-card.base-file-card .dashboard-cards:not(.last-card-row) .dashboard-card.show-more {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.24), -1px 2px 2px rgba(0, 0, 0, 0.12), -1px -1px 2px rgba(0, 0, 0, 0.12), 2px -1px 2px rgba(0, 0, 0, 0.12);
    position: absolute;
    z-index: 1;
    left: 15px;
    right: 15px;
  }
}
@media (max-width: 768px) {
  .parser-container .parser-dashboard .dashboard-content .dashboard-card .dashboard-content {
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 991px) {
  .parser-container .parser-dashboard .dashboard-content .dashboard-card .dashboard-content {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.parser-container .parser-toolbar-container {
  background-color: #ffffff;
  letter-spacing: normal;
  position: relative;
}
.parser-container .parser-toolbar-container .shortcode-toolbar {
  position: fixed;
  width: 100%;
  top: 68px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 40px;
  padding-right: 40px;
  border-bottom: 1px solid #dde3e8;
  height: 70px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle {
  width: 200px;
  margin-left: 20px;
  text-align: right;
  flex-shrink: 0;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn {
  display: inline-block;
  width: 100px;
  border-left: 1px solid #dde3e8;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn button {
  margin-bottom: 0px;
  font-size: 15px;
  height: auto;
  padding: 24px 0px;
  background: none;
  border-radius: 0px;
  color: #5E7482;
  outline: 0px;
  min-width: unset;
  width: 100%;
  border-color: transparent;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn button:focus,
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn button:active {
  outline: 1px solid #395FF0;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn.active button {
  padding-bottom: 20px;
  border-bottom: 3px solid #395FF0;
  color: #395FF0;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn.secondary button {
  background-color: #ffffff;
  border: 1px solid #C2C2C2;
  color: #31373b;
  margin-top: 0px;
  margin-bottom: 0px;
  text-transform: none;
  border-radius: 8px;
  min-width: 120px;
  border-bottom: 0;
  background: none;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn.secondary button:hover,
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn.secondary button:active,
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn.secondary button:focus {
  border-color: #514c48;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn:last-child {
  border-right: 1px solid #dde3e8;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon {
  width: 40px;
  text-align: center;
  display: inline-block;
  position: relative;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .tooltiptext {
  visibility: hidden;
  position: absolute;
  text-align: center;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  top: 110%;
  left: 50%;
  margin-left: -60px;
  font-size: 13px;
  padding: 8px 12px;
  box-shadow: 0px 2px 10px 0px #5e748226;
  width: max-content;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .tooltiptext.tooltiptheme {
  margin-left: -74px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .tooltiptext.tooltipdownload {
  margin-left: -40px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .tooltiptext.tooltipshowparser {
  margin-left: -73px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .tooltiptext.tooltiperror {
  margin-left: -77px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .tooltiptext.tooltiptutorial {
  margin-left: -46px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon button {
  border: 0;
  margin-bottom: 0px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon button:focus,
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon button:active {
  outline: 1px solid #395FF0;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .fa-times-circle {
  color: #dde3e8;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon img,
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon svg {
  vertical-align: unset;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .fa-crop {
  color: #dde3e8;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .ml20 {
  margin-left: 20px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .cancel-link {
  padding-right: 23px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .cancel-link > button:focus,
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .cancel-link > button:active {
  outline: 1px solid #395FF0;
  outline-offset: 2px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .cancel-link .btn-link {
  font-size: 16px;
  margin: 0px;
  padding: 0px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .header-flex .cancel-link svg {
  color: #5e7280;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group {
  display: flex;
  margin-right: 20px;
  align-items: center;
  padding: 4px 2px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group .ui-action-link {
  font-size: 16px;
  font-weight: 600;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group .ui-action-button {
  margin-left: 15px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group .ui-action-button {
  font-size: 14px;
  min-width: 100px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group button:focus,
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group button:active {
  outline: 1px solid #395FF0;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group button:focus.btn-primary,
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group button:active.btn-primary {
  outline-offset: 1px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group .slide-button {
  padding: 0px 10px;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group.show-error .slide-button .slide-switch .slider-checked.slide-slider {
  background-color: #f34235;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group .btn {
  margin-bottom: 0px;
}
@media (min-width: 1199px) {
  .parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group {
    flex-basis: 12%;
  }
}
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-text {
  font-family: Roobert Medium, sans-serif;
  font-size: 18px;
  color: #323436;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .toolbar-text.client-name {
  color: #5E7482;
  font-size: 15px;
  font-weight: 400;
}
.parser-container .parser-toolbar-container .shortcode-toolbar .shortcode-meta {
  padding-left: 15px;
}
.parser-container .short-code-toolbar-lg {
  display: block;
}
@media (max-width: 768px) {
  .parser-container .short-code-toolbar-lg {
    display: none;
  }
}
.parser-container .short-code-toolbar-sm {
  display: none;
}
@media (max-width: 768px) {
  .parser-container .short-code-toolbar-sm {
    display: block;
  }
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-mobile {
  position: fixed;
  width: 100%;
  top: 68px;
  z-index: 5;
  border-bottom: 1px solid #dde3e8;
  height: 70px;
  border-bottom-color: #000000;
  background-color: #3B4449;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header {
  display: grid;
  grid-template-columns: 70% auto auto;
  margin: 8px 18px 0px 18px;
  align-items: center;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header .toolbar-text.show-client {
  margin-top: 2px;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header .client-name {
  color: #A5A8A9;
  font-size: 14px;
  line-height: 22px;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header .toolbar-text-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: #ffffff;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header .toolbar-code button {
  font-weight: 600;
  font-size: 14px;
  color: #ffc627;
  margin-bottom: 0px;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header .toolbar-code button .sync-icon {
  margin-left: 8px;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header .toolbar-options {
  color: #dde3e8;
  margin-left: auto;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header .toolbar-options .fa-times {
  background: #ffc627;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  color: #323436;
  padding: 6px;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-extended {
  position: fixed;
  width: 100%;
  top: 138px;
  z-index: 5;
  border-bottom: 1px solid #dde3e8;
  height: 54px;
  border-bottom-color: #000000;
  background-color: #3B4449;
  display: flex;
  align-items: center;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-extended .ml10 {
  margin-left: 10px;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-extended .mr10 {
  margin-right: 10px;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-extended .save-icon {
  margin-left: auto;
  color: #ffc627;
  margin-right: 20px;
}
.parser-container .short-code-toolbar-sm .shortcode-toolbar-extended .save-icon .save-text {
  position: static;
  width: 29px;
  height: 22px;
  top: calc(50% - 22px/2);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
  margin: 0px 6px;
}
.parser-container .short-code-toolbar-sm .save-modal {
  z-index: 5;
  padding: 12px 6px;
  position: absolute;
  width: 150px;
  height: 110px;
  top: 30px;
  background: #3B4449;
  border: 1px solid #000000;
  box-sizing: border-box;
  border-radius: 8px;
  right: 15px;
}
.parser-container .short-code-toolbar-sm .save-modal div button span {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.75);
}
.parser-container .parser-shortcode-container.shortcode-dark .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-toggletheme-btn img {
  content: url(/images/contrast-977641e7de37ade2a6e87d8d2d26acd8.svg);
}
.parser-container .parser-shortcode-container.shortcode-dark .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-download-btn img {
  content: url(/images/downloadwhite-e758cc80106592640871c6321ba09b6c.svg);
}
.parser-container .parser-shortcode-container.shortcode-dark .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-encoding-btn img {
  content: url(/images/downloadwhite-e758cc80106592640871c6321ba09b6c.svg);
}
.parser-container .parser-shortcode-container.shortcode-dark .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #showparserdata-btn img {
  content: url(/images/code-plus-Light-0e5df04f05b4abd7f03242bd384a87d7.svg);
  transform: matrix(1.2, 0, 0, 1.2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-dark .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon.seperator {
  width: 6px;
  background: #000000;
  height: 6px;
  margin-right: 20px;
  border-radius: 10px;
}
.parser-container .parser-shortcode-container.shortcode-dark .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-errors-btn img {
  content: url(/images/errorshortcode-2aecd8cde203f5ec68cce363a354adc2.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-dark .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-hide-errors-btn img {
  content: url(/images/errorhide-90ad1efdbeff132a79000a28f062c678.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-dark .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-hide-errors-btn-green img {
  content: url(/images/errorhidegreen-d0cd4b87ce5d9cbde51dbb59c3587fa5.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-dark .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-hide-errors-btn-red img {
  content: url(/images/errorhidered-f85139d5effee5be3b891063bc6c81f2.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-mobile {
  background: #ffffff;
  border-bottom: 1px solid #dde3e8;
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header .toolbar-text .toolbar-text-title {
  color: #323436;
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header .toolbar-text.client-name {
  color: #5E7482;
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header .toolbar-code {
  color: #395FF0;
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header .toolbar-options .fa-times {
  background: #395FF0;
  color: #ffffff;
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-mobile .shortcode-toolbar-header .toolbar-options .fa-ellipsis-v {
  color: #5E7482;
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-extended {
  background: #ffffff;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.25);
  border: none;
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-extended .seperator {
  background: #dde3e8;
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon.save-icon {
  color: #395FF0;
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-toggletheme-btn img {
  content: url(/images/contrastblack-edc68ce1d7b5a7a295a7c3a9bce0d5fd.svg);
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-download-btn img {
  content: url(/images/downloadblack-27d925ba6a8da877bdce197f8246585e.svg);
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-encoding-btn img {
  content: url(/images/downloadblack-27d925ba6a8da877bdce197f8246585e.svg);
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #showparserdata-btn img {
  content: url(/images/code-plus-Dark-9a6898c3a285fc24ced460d48585945e.svg);
  transform: matrix(1.2, 0, 0, 1.2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon.seperator {
  width: 6px;
  background: #000000;
  height: 6px;
  border-radius: 10px;
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-errors-btn img {
  content: url(/images/errorshortcodeblack-aac5a8499bdc46cc00dd8b993dc43be9.svg);
  transform: matrix(1.2, 0, 0, 1.2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-hide-errors-btn img {
  content: url(/images/errorhideblack-23284a7000a91ae99977594f5201abfc.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-hide-errors-btn-green img {
  content: url(/images/errorhideblackgreen-317e658424113372acc97ca058f70131.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .shortcode-toolbar-extended .toolbar-icon #shortcode-hide-errors-btn-red img {
  content: url(/images/errorhideblackred-a1d622152b942135b4bf33bc8006971c.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .save-modal {
  background: #ffffff;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.25);
  border-radius: 8px;
}
.parser-container .parser-shortcode-container.shortcode-light .short-code-toolbar-sm .save-modal div button span {
  color: #5E7482;
}
.parser-container .parser-shortcode-tutorial-container {
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 100;
}
.parser-container .parser-shortcode-tutorial-container .toolbar-content-view {
  position: absolute;
  top: 20%;
  right: 5%;
  width: 320px;
  padding: 20px 25px;
  background: #ffffff;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.25);
  border-radius: 8px;
}
.parser-container .parser-shortcode-tutorial-container .toolbar-content-view hr {
  margin: 0 -25px;
}
.parser-container .parser-shortcode-tutorial-container .toolbar-content-view .toolbar-content-view-header {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.parser-container .parser-shortcode-tutorial-container .toolbar-content-view .toolbar-content-view-header .step-number {
  font-weight: 600;
  color: #5E7482;
}
.parser-container .parser-shortcode-tutorial-container .toolbar-content-view .toolbar-content-view-header .skip-icon {
  color: #395FF0;
  font-weight: 600;
}
.parser-container .parser-shortcode-tutorial-container .toolbar-content-view .toolbar-content-view-header .skip-icon:hover {
  cursor: pointer;
}
.parser-container .parser-shortcode-tutorial-container .toolbar-content-view .toolbar-content-view-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #323436;
  padding-top: 16px;
}
.parser-container .parser-shortcode-tutorial-container .toolbar-content-view .toolbar-content-view-desc,
.parser-container .parser-shortcode-tutorial-container .toolbar-content-view .toolbar-content-view-detail {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5E7482;
  margin: 10px 0px;
}
.parser-container .parser-shortcode-tutorial-container .toolbar-content-view .tutorial-btn {
  float: right;
  margin-top: 20px;
}
.parser-container .parser-shortcode-tutorial-container .toolbar-highlight-view {
  height: 100vh;
}
.parser-container .parser-shortcode-tutorial-container .toolbar-highlight-view-transparent {
  box-shadow: 0 0 0 99999px #00000099;
  position: absolute;
}
.parser-container .no-ptr-events {
  pointer-events: none;
}
.parser-container .parser-shortcode-container {
  padding-top: 70px;
  z-index: 40;
}
.parser-container .parser-shortcode-container .parser-content {
  flex-grow: 1;
  min-height: 100vh;
  background-color: #F7F9FB;
  padding: 30px 0px 0px 0px;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-content {
  background-color: #1F2629;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar {
  border-bottom-color: #000000;
  background-color: #3B4449;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .toolbar-text {
  color: #ffffff;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .toolbar-text.client-name {
  color: #A5A8A9;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .fa-arrow-left {
  color: #ffc627;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .editorview-toggle .header-toggle-btn {
  border-left-color: #000000;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn button,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .editorview-toggle .header-toggle-btn button {
  color: #ffffff;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn button:focus,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .editorview-toggle .header-toggle-btn button:focus,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn button:active,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .editorview-toggle .header-toggle-btn button:active {
  outline: 1px solid #ffc627;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn.active button,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .editorview-toggle .header-toggle-btn.active button {
  border-bottom-color: #ffc627;
  color: #ffc627;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .editorview-toggle .header-toggle-btn:last-child,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .editorview-toggle .header-toggle-btn:last-child {
  border-right-color: #000000;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .tooltiptext,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon .tooltiptext {
  color: #ffffff;
  background-color: #11191F;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .tooltiptext::after,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon .tooltiptext::after {
  border-color: transparent transparent #11191F transparent;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon:hover .tooltiptext,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-toggletheme-btn img,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon #shortcode-toggletheme-btn img {
  content: url(/images/contrast-977641e7de37ade2a6e87d8d2d26acd8.svg);
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-download-btn img,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon #shortcode-download-btn img {
  content: url(/images/downloadwhite-e758cc80106592640871c6321ba09b6c.svg);
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-encoding-btn img,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon #shortcode-encoding-btn img {
  content: url(/images/downloadwhite-e758cc80106592640871c6321ba09b6c.svg);
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #showparserdata-btn img,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon #showparserdata-btn img {
  content: url(/images/code-plus-Light-0e5df04f05b4abd7f03242bd384a87d7.svg);
  transform: matrix(1.2, 0, 0, 1.2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-tutorial-btn img,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon #shortcode-tutorial-btn img {
  content: url(/images/graduation-cap-dark-ea5e56117222011d41c134ecdb63ec80.svg);
  transform: matrix(1.2, 0, 0, 1.2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-copy-btn img,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon #shortcode-copy-btn img {
  content: url(/images/clone-21de18ae98d3c82cec61f155c979d410.svg);
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-errors-btn img,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon #shortcode-errors-btn img {
  content: url(/images/errorshortcode-2aecd8cde203f5ec68cce363a354adc2.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-hide-errors-btn img,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon #shortcode-hide-errors-btn img {
  content: url(/images/errorhide-90ad1efdbeff132a79000a28f062c678.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-hide-errors-btn-green img,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon #shortcode-hide-errors-btn-green img {
  content: url(/images/errorhidegreen-d0cd4b87ce5d9cbde51dbb59c3587fa5.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-hide-errors-btn-red img,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon #shortcode-hide-errors-btn-red img {
  content: url(/images/errorhidered-f85139d5effee5be3b891063bc6c81f2.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon button:focus,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon button:focus,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon button:active,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon button:active {
  outline: 1px solid #ffc627;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon.seperator,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .toolbar-icon.seperator {
  width: 6px;
  background: #000000;
  height: 6px;
  margin-right: 20px;
  border-radius: 10px;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .cancel-link > button:focus,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .cancel-link > button:focus,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .cancel-link > button:active,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .cancel-link > button:active {
  outline: 1px solid #ffc627;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .header-flex .cancel-link > button svg,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .shortcode-toolbar-extended .cancel-link > button svg {
  color: #dde3e8;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group .ui-action-link {
  color: #ffc627;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group .ui-action-button {
  background: #ffc627;
  color: #000000;
  border: 0;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group .ui-action-button:hover,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group .ui-action-button:focus {
  background: #ffc627;
  color: #000000;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group .ui-action-button[disabled] {
  border-color: #dde3e8;
  background: #dde3e8;
  color: #5a5f62;
}
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group button:focus,
.parser-container .parser-shortcode-container.shortcode-dark .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group button:active {
  outline: 1px solid #ffc627;
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar {
  background-color: #ffffff;
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon {
  position: relative;
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .tooltiptext {
  background-color: #f0f4f6;
  color: #323436;
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .tooltiptext::after {
  border-color: transparent transparent #f0f4f6 transparent;
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-toggletheme-btn img {
  content: url(/images/contrastblack-edc68ce1d7b5a7a295a7c3a9bce0d5fd.svg);
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-download-btn img {
  content: url(/images/downloadblack-27d925ba6a8da877bdce197f8246585e.svg);
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-encoding-btn img {
  content: url(/images/downloadblack-27d925ba6a8da877bdce197f8246585e.svg);
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #showparserdata-btn img {
  content: url(/images/code-plus-Dark-9a6898c3a285fc24ced460d48585945e.svg);
  transform: matrix(1.2, 0, 0, 1.2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-tutorial-btn img {
  content: url(/images/graduation-cap-light-2930fa6211ccf4f640c01dc5cf2f896f.svg);
  transform: matrix(1.2, 0, 0, 1.2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-copy-btn img {
  content: url(/images/cloneblack-a8d0266a27ebbf1dec23ba4d295363c9.svg);
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-errors-btn img {
  content: url(/images/errorshortcodeblack-aac5a8499bdc46cc00dd8b993dc43be9.svg);
  transform: matrix(1.2, 0, 0, 1.2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-hide-errors-btn img {
  content: url(/images/errorhideblack-23284a7000a91ae99977594f5201abfc.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-hide-errors-btn-green img {
  content: url(/images/errorhideblackgreen-317e658424113372acc97ca058f70131.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon #shortcode-hide-errors-btn-red img {
  content: url(/images/errorhideblackred-a1d622152b942135b4bf33bc8006971c.svg);
  transform: matrix(2, 0, 0, 2, 0, 3);
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon .fa-crop {
  color: #687e90;
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .header-flex .toolbar-icon.seperator {
  width: 6px;
  background: #dde3e8;
  height: 6px;
  margin-right: 20px;
  border-radius: 10px;
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .btn-primarybutton:enabled {
  background-color: #395FF0;
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .ui-action-link {
  color: #395FF0;
}
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group .slide-button .slide-switch:focus,
.parser-container .parser-shortcode-container.shortcode-light .parser-toolbar-container .shortcode-toolbar .toolbar-btn-group .slide-button .slide-switch:active {
  outline: 1px solid #395FF0;
}
.parser-container .parser-nofiles {
  padding-right: 10%;
  padding-left: 4%;
  padding-bottom: 75px;
}
.parser-container .parser-nofiles .nofiles-img {
  text-align: center;
  margin-bottom: 40px;
}
.parser-container .parser-nofiles .nofiles-img img {
  width: 486px;
  height: 276px;
}
@media (max-width: 768px) {
  .parser-container .parser-nofiles .nofiles-img img {
    width: 270px;
    height: 150px;
  }
}
.parser-container .parser-nofiles .nofiles-error {
  text-align: center;
  margin-bottom: 40px;
  font-size: 160px;
  color: #f34235;
  line-height: 0.8;
  font-weight: 600;
}
.parser-container .parser-nofiles .nofiles-error img {
  width: 262px;
  height: 270px;
}
@media (max-width: 768px) {
  .parser-container .parser-nofiles .nofiles-error img {
    width: 270px;
    height: 150px;
  }
}
.parser-container .parser-nofiles .nofiles-content {
  text-align: center;
}
.parser-container .parser-nofiles .nofiles-content h2.nofiles_title {
  font-size: 28px;
  font-weight: 600;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .parser-container .parser-nofiles .nofiles-content h2.nofiles_title {
    font-size: 18px;
    color: #323436;
  }
}
.parser-container .parser-nofiles .nofiles-content .nofiles-description-one {
  margin-left: 25.69%;
  margin-right: 25.69%;
  top: 74.29%;
  bottom: 51.13%;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #5E7482;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .parser-container .parser-nofiles .nofiles-content .nofiles-description-one {
    color: #5E7482;
    font-size: 14px;
    margin-left: 3.75%;
    margin-right: 3.75%;
  }
}
.parser-container .parser-nofiles .nofiles-content .nofiles-description-two {
  left: 25.69%;
  right: 25.69%;
  top: 74.29%;
  bottom: 51.13%;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #5E7482;
}
@media (max-width: 768px) {
  .parser-container .parser-nofiles .nofiles-content .nofiles-description-two {
    color: #5E7482;
    font-size: 14px;
  }
}
.parser-container .parser-nofiles .nofiles-content .nofiles-reload {
  text-align: center;
  margin-top: 15px;
}
.parser-container .parser-nofiles .nofiles-content .nofiles-reload .btn {
  background: #395FF0;
  border-radius: 8px;
  width: 220px;
  height: 48px;
}
@media (max-width: 768px) {
  .parser-container .parser-nofiles .nofiles-content .nofiles-reload .btn {
    width: 180px;
    height: 38px;
  }
}
.parser-container .parser-nofiles .nofiles-content .newparser-btn {
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .parser-container .parser-nofiles {
    padding-right: 60px;
    padding-left: 60px;
  }
}
@media (min-width: 768px) {
  .parser-container .parser-nofiles .nofiles-img {
    margin-bottom: 0px;
  }
  .parser-container .parser-nofiles .nofiles-content {
    text-align: left;
  }
  .parser-container .parser-nofiles .nofiles-content .nofiles-title {
    left: 41.88%;
    right: 41.88%;
    top: 52.55%;
    bottom: 55.66%;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #323436;
    font-family: Roobert Medium, sans-serif;
    margin-top: 70px;
  }
  .parser-container .parser-nofiles .nofiles-content .newparser-btn {
    display: inline-block;
  }
}
.parser-container .newparser-container {
  position: relative;
}
.parser-container .parser-promote-modal .modal-content {
  top: 0px !important;
  box-shadow: 0 5px 15px #5e748226 !important;
}
.parser-container .parser-promote-modal {
  padding-top: 125px;
}
.parser-container .parser-promote-modal .form-control.ui-textarea-input {
  min-height: 92px;
}
.parser-container .parser-promote-modal .modal-content .modal-body {
  padding: 0 30px;
}
.parser-container .parser-promote-modal .modal-content .modal-footer {
  padding: 0px;
}
.parser-container .parser-promote-modal .modal-content .modal-footer button {
  height: 18px;
  margin: 19px 30px 20px 10px;
  border-radius: 8px;
  width: auto;
  margin-left: auto;
}
.parser-container .parser-promote-modal .modal-content .modal-header {
  padding: 30px 30px 0;
}
.parser-container .parser-promote-modal .modal-content .modal-header button.btn-close {
  color: #5E7482;
  opacity: 1;
}
.parser-container .parser-promote-modal .modal-content .modal-header .parser-modal-header .parser-modal-title {
  font-weight: 600;
  font-size: 22px;
  color: #323436;
  margin-bottom: 10px;
}
.parser-container .parser-promote-modal .modal-content .modal-header .parser-modal-header p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .parser-container .parser-modal {
    max-width: 550px;
    width: 28em;
  }
  .parser-container .parser-modal .btn.button-ghost {
    border: 1px solid #C2C2C2;
    box-sizing: border-box;
    border-radius: 8px;
    color: #5E7482;
  }
}
.parser-container .parser-modal .modal-header button.btn-close {
  color: #5E7482;
  opacity: 1;
  font-size: 32px;
  padding: 9px 17px 0 0;
}
.parser-container .parser-modal .parser-modal-header {
  padding: 15px 15px 10px 15px;
}
.parser-container .parser-modal .parser-modal-header h2.parser-modal-title {
  font-size: 22px;
  font-weight: bold;
  color: #323436;
  letter-spacing: 0.35px;
}
@media (max-width: 768px) {
  .parser-container .parser-modal .parser-modal-header h2.parser-modal-title {
    color: #323436;
    font-weight: 600;
    font-size: 18px;
  }
}
.parser-container .parser-modal .parser-modal-description {
  line-height: 28px;
  font-size: 16px;
  font-weight: 400;
  color: #5E7482;
  padding-top: 10px;
}
@media (max-width: 768px) {
  .parser-container .parser-modal .parser-modal-description {
    color: #5E7482;
  }
}
.parser-container .parser-modal .parser-modal-description .record-section {
  padding-top: 5px;
  padding-bottom: 5px;
}
.parser-container .parser-modal .parser-modal-description .record-section .record-section-title {
  font-weight: 600;
  font-size: 16px;
}
.parser-container .parser-modal .parser-modal-description .record-section .record-section-messages:not(:empty) {
  padding: 2px 5px;
}
.parser-container .parser-modal .parser-modal-description .record-section .field-section {
  padding: 2px 5px;
}
.parser-container .parser-modal .parser-modal-description .record-section .field-section .field-section-title {
  font-weight: 600;
  font-size: 16px;
}
.parser-container .parser-modal .parser-modal-description .record-section .field-section .field-section-messages {
  padding: 2px 5px;
}
.parser-container .parser-modal .parser-modal-description .validation-section {
  padding: 2px;
}
.parser-container .parser-modal .parser-modal-description .validation-label {
  font-weight: 600;
}
.parser-container .parser-modal .parser-modal-content {
  padding-top: 0px;
  padding-left: 30px;
  padding-right: 30px;
}
.parser-container .parser-modal .parser-modal-content .floating-form-group > input:not(.empty) + label.floating-label {
  color: #5E7482;
  font-size: 14px;
}
.parser-container .parser-modal .parser-modal-content .floating-form-group > input:not(.empty) + label.floating-label:focus {
  color: #5E7482;
  font-size: 14px;
}
.parser-container .parser-modal .parser-modal-content .uploadinputwrapper {
  padding: 0px 15px 0px 15px;
}
.parser-container .parser-modal .parser-modal-content .uploadinputwrapper p.error {
  display: flex;
  padding: 20px;
  position: static;
  background: #FFDCDE;
  border: 1px solid #CE1518;
  box-sizing: border-box;
  border-radius: 8px;
  flex: none;
  order: 1;
  flex-grow: 0;
  color: #323436;
}
.parser-container .parser-modal .parser-modal-content .uploadinputwrapper p.error svg {
  color: #CE1518;
}
.parser-container .parser-modal .parser-modal-content .uploadinputwrapper p.error span {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #323436;
  flex: none;
  order: 1;
  margin-left: 16px;
}
.parser-container .parser-modal .parser-modal-content .ui-select-control .Select-control:hover {
  border: 2px solid #395FF0;
  box-sizing: border-box;
  border-radius: 8px;
}
.parser-container .parser-modal .parser-modal-content .ui-select-control .Select-control:focus {
  border: 2px solid #395FF0;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  border-radius: 8px;
}
.parser-container .parser-modal .parser-modal-content .ui-select-control .Select-placeholder,
.parser-container .parser-modal .parser-modal-content .ui-select-control .Select-value,
.parser-container .parser-modal .parser-modal-content .ui-select-control .Select-menu-outer {
  font-weight: 400;
  font-size: 14px;
  color: #5E7482;
}
.parser-container .parser-modal .parser-modal-content .ui-select-control .Select-placeholder .Select-value-label,
.parser-container .parser-modal .parser-modal-content .ui-select-control .Select-value .Select-value-label,
.parser-container .parser-modal .parser-modal-content .ui-select-control .Select-menu-outer .Select-value-label {
  font-weight: 400;
  font-size: 14px;
  color: #5E7482;
  line-height: 20px;
}
.parser-container .parser-modal .parser-modal-content .form-control.ui-text-input {
  font-weight: 400;
  font-size: 14px;
  color: #5E7482;
  padding-left: 16px;
  border-radius: 8px;
  box-shadow: none;
}
.parser-container .parser-modal .parser-modal-content .form-group.has-error > input {
  border: 2px solid #CE1518;
}
.parser-container .parser-modal .parser-modal-content .form-group.has-error > input:focus {
  border: 2px solid #CE1518;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 3px rgba(223, 86, 96, 0.4);
  border-radius: 8px;
}
.parser-container .parser-modal .parser-modal-content .form-group:not(.has-error) > input:hover {
  border: 2px solid #395FF0;
  box-sizing: border-box;
  border-radius: 8px;
}
.parser-container .parser-modal .parser-modal-content .form-group:not(.has-error) > input:focus {
  border: 2px solid #395FF0;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  border-radius: 8px;
}
.parser-container .parser-modal .modal-footer {
  padding: 0px;
}
.parser-container .parser-modal .modal-footer button {
  padding: 10px 50px;
}
.parser-container .parser-modal.notification .modal-footer {
  padding: 0px;
}
.parser-container .parser-modal.parser-new .modal-content {
  transition: opacity 0.15s ease-out;
}
@media (max-width: 768px) {
  .parser-container .parser-modal.parser-new .modal-content {
    position: absolute;
    height: 322px;
    left: 12px;
    top: 100px;
    background: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    right: 12px;
  }
}
.parser-container .parser-modal.parser-new .parser-input-help {
  position: relative;
}
.parser-container .parser-modal.parser-new .parser-input-help a {
  color: #9ea5af;
  cursor: help;
  position: absolute;
  top: 37px;
  right: 8%;
}
.parser-container .parser-modal.parser-new .parser-input-help .fa-question-circle {
  font-size: 16px;
}
.parser-container .parserDescError {
  color: red;
  font-size: 14px;
  text-align: left;
}
.parser-container .parserDescError.mt {
  margin-top: -25px;
}
.parser-container .parser-mobile-filter .parser-search-btn {
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  background: #395FF0;
  border-radius: 8px;
}
.parser-container .parser-modal .parser-modal-description {
  margin-bottom: 20px;
}
.parser-container .parser-modal .uploadinputwrapper .btn.button-ghost {
  min-width: 120px !important;
}
.parser-container .parser-modal .btn {
  margin-top: 0px;
  margin-bottom: 0px;
  border-width: 1px;
  border-radius: 8px;
  min-width: 120px;
  margin: 0;
  text-transform: none;
  font-size: 14px;
  line-height: 22px;
  min-width: 140px;
}
.parser-container .parser-modal .btn:focus,
.parser-container .parser-modal .btn:hover {
  border-width: 1px;
}
.parser-container .parser-modal .btn.button-ghost {
  background-color: #ffffff;
  border: 1px solid #C2C2C2;
  color: #31373b;
  margin-top: 0px;
  margin-bottom: 0px;
  text-transform: none;
  border-radius: 8px;
  min-width: 120px;
  color: #5E7482;
  min-width: 140px;
  background: none;
  border-color: #C2C2C2;
  border-width: 1px;
  min-height: 38px;
}
.parser-container .parser-modal .btn.button-ghost:hover,
.parser-container .parser-modal .btn.button-ghost:active,
.parser-container .parser-modal .btn.button-ghost:focus {
  border-color: #514c48;
}
.parser-container .parser-modal .orwrapper {
  display: block;
  position: relative;
  background: #dde3e8;
  height: 1px;
  margin: 30px 0;
}
.parser-container .parser-modal .orwrapper span {
  background: #ffffff;
  padding: 10px 30px;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  max-width: 80px;
  margin: auto;
  font-size: 16px;
  font-weight: 600;
  color: #323436;
}
.parser-container .parser-modal .upload__xml__form {
  padding: 20px;
  position: static;
  height: 66px;
  border: 2px dashed #395FF0;
  box-sizing: border-box;
  border-radius: 8px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-bottom: 40px;
}
.parser-container .parser-modal .upload__xml__form:hover {
  background-color: #E8F0FE;
}
.parser-container .parser-modal .upload__xml {
  color: #395FF0;
  font-weight: normal;
  cursor: pointer;
  margin: 0;
  font-size: 16px;
  line-height: 22px;
}
.parser-container .parser-modal .upload__xml__input {
  visibility: hidden;
  top: 21px;
  position: absolute;
}
.parser-container .parser-modal .upload__xml__textarea {
  width: 100%;
  border: 1px dashed #dde3e8;
  padding: 10px 15px;
  border-radius: 8px;
}
.parser-container .parser-modal .upload_xml_file_name {
  padding: 20px;
  position: static;
  height: 66px;
  left: 0px;
  top: 108px;
  background: #ffffff;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  border-radius: 8px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-bottom: 30px;
  font-weight: 600;
  color: #323436;
  font-size: 16px;
}
.parser-container .parser-modal .upload_xml_file_name a {
  float: right;
}
.parser-container .parser-promote-environment .checkbox #parser_promote_checkbox {
  width: 16px;
  height: 16px;
  left: 30px;
  margin-left: -30px;
  top: 8px;
  padding: 10px 10px;
  border: 1px solid #5a5f62;
  border-radius: 4px;
}
.parser-container .parser-promote-environment .checkbox #parser_promote_checkbox:focus {
  box-shadow: none;
  outline-offset: 0px;
  outline: none;
}
.parser-container .parser-promote-environment .checkbox #parser_promote_checkbox:focus-visible {
  outline: none;
}
.parser-container .parser-promote-environment .checkbox label {
  padding-left: 15px;
  font-size: 16px;
}
.digital-wallet-landing-container .devresources-instructions {
  background: #f7f9fb;
  margin: 0px;
}
.digital-wallet-landing-container .devresources-instructions .language-top-box .downloadText {
  text-transform: capitalize;
}
.digital-wallet-landing-container .section2 {
  background: #f7f9fb;
  padding-bottom: 55px;
  margin: 0px;
}
.digital-wallet-landing-container .section2-title.WALLETPROVISIONING-theme-color {
  color: #ffffff;
}
.digital-wallet-landing-container .theme-icon-with-desc {
  display: flex;
}
.digital-wallet-landing-container .theme-icon-with-desc .theme-icon {
  background: #323436;
  padding: 10px;
  border-radius: 6px;
}
.digital-wallet-landing-container .theme-icon-with-desc span {
  padding-left: 26px;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.digital-wallet-landing-container .theme-icon-with-desc span p {
  margin: 0;
}
.digital-wallet-landing-container .theme-icon-with-desc span .product {
  color: #5E7482;
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 480px) {
  .digital-wallet-landing-container .theme-icon-with-desc span .product {
    font-size: 14px;
  }
}
.digital-wallet-landing-container .theme-icon-with-desc span .solution {
  color: #323436;
  font-family: Roobert Medium, sans-serif;
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 480px) {
  .digital-wallet-landing-container .theme-icon-with-desc span .solution {
    font-size: 16px;
  }
}
.digital-wallet-landing-container .section-sequence {
  background-image: url("/images/carousel-bg-90ac0217ff4c4f0997d8b09d3d0a761e.svg");
  background-size: contain;
  padding: 24% 0% 0% 0%;
  background-repeat: no-repeat;
}
.digital-wallet-landing-container .section-sequence-container {
  background-color: #f7f9fb;
}
.digital-wallet-landing-container .section-sequence-container section {
  padding: 0% 8%;
}
.digital-wallet-landing-container .section-sequence-container section:last-child {
  padding-bottom: 180px;
}
.digital-wallet-landing-container .section-sequence .section-sequence-title {
  padding: 0% 8%;
}
@media (max-width: 1199px) {
  .digital-wallet-landing-container .landing-header-new {
    height: 1200px;
  }
}
@media (max-width: 480px) {
  .digital-wallet-landing-container .landing-header-new {
    height: 1250px;
  }
}
@media (max-width: 320px) {
  .digital-wallet-landing-container .landing-header-new {
    height: 1370px;
  }
}
@media (max-width: 1199px) {
  .digital-wallet-landing-container .landing-header-new-illustration {
    display: block;
    position: relative;
    width: 280px;
    height: 235px;
    margin-left: auto;
    margin-right: auto;
    right: 0%;
    top: 0%;
    margin-top: 50px;
  }
}
.keyfeatures-container {
  width: 100%;
  font-family: Roobert, sans-serif;
}
.keyfeatures-container .keyfeatures-title {
  margin-bottom: 80px;
  font-size: 48px;
  font-family: Roobert Light, sans-serif;
  line-height: 64px;
  color: #000000;
}
.keyfeatures-container .keyfeatures-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 60px;
}
.keyfeatures-container .keyfeatures-grid .keyfeatures-grid-card {
  display: flex;
  flex-direction: column;
  color: #000000;
  padding: 5px;
  text-align: left;
}
.keyfeatures-container .keyfeatures-grid .keyfeatures-grid-card .keyfeatures-grid-card-icon {
  width: 70px;
  height: 70px;
}
.keyfeatures-container .keyfeatures-grid .keyfeatures-grid-card .keyfeatures-grid-card-title {
  color: #000000;
  padding-top: 30px;
}
.keyfeatures-container .keyfeatures-grid .keyfeatures-grid-card .keyfeatures-grid-card-title h3 {
  line-height: 140%;
  font-size: 22px;
  font-family: Roobert Medium, sans-serif;
}
.keyfeatures-container .keyfeatures-grid .keyfeatures-grid-card .keyfeatures-grid-card-desc {
  padding-top: 14px;
  padding-right: 20px;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  letter-spacing: 0.16px;
}
.keyfeatures-container .keyfeatures-item {
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  padding-top: 80px;
  gap: 60px;
}
.keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-title {
  color: #000000;
  font-size: 22px;
  font-family: Roobert Medium, sans-serif;
  line-height: 150%;
  padding-bottom: 14px;
}
.keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-desc {
  color: #000000;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.16px;
}
.keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-desc span h3 {
  padding: 15px 0px;
}
@media (max-width: 768px) {
  .keyfeatures-container .keyfeatures-title {
    font-size: 24px;
    padding-bottom: 50px;
    margin: 0;
  }
  .keyfeatures-container .keyfeatures-grid {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    gap: 40px;
  }
  .keyfeatures-container .keyfeatures-grid .keyfeatures-grid-card {
    margin-bottom: 0px;
  }
  .keyfeatures-container .keyfeatures-grid .keyfeatures-grid-card .keyfeatures-grid-card-title {
    padding-top: 18px;
    padding-bottom: 10px;
  }
  .keyfeatures-container .keyfeatures-grid .keyfeatures-grid-card .keyfeatures-grid-card-title h3 {
    font-size: 18px;
  }
  .keyfeatures-container .keyfeatures-grid .keyfeatures-grid-card .keyfeatures-grid-card-desc {
    font-size: 14px;
    line-height: 160%;
  }
  .keyfeatures-container .keyfeatures-grid .keyfeatures-grid-card .keyfeatures-grid-card-icon {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
  }
  .keyfeatures-container .keyfeatures-item {
    padding-top: 60px;
    gap: 40px;
  }
  .keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-title {
    font-size: 18px;
    margin-top: 18px;
  }
  .keyfeatures-container .keyfeatures-item .keyfeatures-grid-item .keyfeatures-grid-item-desc {
    font-size: 14px;
    line-height: 160%;
  }
}
.solutions-container {
  margin-top: 54px;
}
.solutions-container .theme-icon {
  background: #692C8F;
  padding: 12px;
  border-radius: 6px;
}
.solutions-container .custom-box-api-generator .language-top-box .language-box .package-icon {
  background-color: #692C8F;
}
.getstarted-container {
  width: 100%;
  background-color: black;
  font-family: Roobert, sans-serif;
}
.getstarted-container .getstarted-title {
  color: #ffffff;
  font-family: Roobert, sans-serif;
  font-size: 48px;
  line-height: 64px;
  padding-bottom: 26px;
}
.getstarted-container .getstarted-title b {
  font-family: Roobert Bold, sans-serif;
}
.getstarted-container .getstarted-contain {
  padding: 0px;
  margin-bottom: 20px;
}
.getstarted-container .getstarted-desc {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  padding-bottom: 80px;
  margin: 0;
}
.getstarted-container .getstarted-grid {
  display: flex;
  flex-wrap: wrap;
}
.getstarted-container .getstarted-grid .cards-two {
  width: 50%;
  padding-right: 40px;
  margin-bottom: 40px;
}
.getstarted-container .getstarted-grid .cards-three {
  width: 33.33%;
  padding-right: 40px;
}
.getstarted-container .getstarted-grid .getstarted-grid-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.getstarted-container .getstarted-grid .getstarted-grid-card svg,
.getstarted-container .getstarted-grid .getstarted-grid-card i.getstarted-grid-card-icon {
  color: #ffffff;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.getstarted-container .getstarted-grid .getstarted-grid-card i.getstarted-grid-card-icon {
  font-size: 40px;
}
.getstarted-container .getstarted-grid .getstarted-grid-card .getstarted-card-content {
  flex-grow: 2;
}
.getstarted-container .getstarted-grid .getstarted-grid-card .getstarted-grid-card-title {
  color: #ffffff;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 12px;
}
.getstarted-container .getstarted-grid .getstarted-grid-card .getstarted-grid-card-title h3 {
  line-height: 140%;
  font-size: 22px;
}
.getstarted-container .getstarted-grid .getstarted-grid-card .getstarted-grid-card-desc {
  color: #ffffff;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.16px;
  padding-bottom: 24px;
}
.getstarted-container .getstarted-grid .getstarted-grid-card .getstarted-grid-card-link {
  color: #ffffff;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 110%;
}
.arrow-icon-desktop {
  width: 36px;
  height: 26px;
}
.arrow-icon-mobile {
  width: 25px;
  height: 20px;
}
@media (min-width: 2160px) {
  .getstarted-container {
    margin-bottom: 0px;
  }
}
@media (min-width: 3840px) {
  .getstarted-container {
    margin-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .getstarted-container .getstarted-contain {
    padding: 0px;
    margin-bottom: 0px;
  }
  .getstarted-container .getstarted-title {
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 14px;
  }
  .getstarted-container .getstarted-desc {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    padding-bottom: 50px;
    margin: 0;
  }
  .getstarted-container .getstarted-grid {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    gap: 40px;
  }
  .getstarted-container .getstarted-grid .getstarted-grid-card {
    width: calc(100% - 20px);
    padding-right: 0;
  }
  .getstarted-container .getstarted-grid .getstarted-grid-card .getstarted-grid-card-title {
    padding-top: 18px;
    padding-bottom: 10px;
  }
  .getstarted-container .getstarted-grid .getstarted-grid-card .getstarted-grid-card-title h3 {
    font-size: 20px;
  }
  .getstarted-container .getstarted-grid .getstarted-grid-card .getstarted-grid-card-desc {
    padding-bottom: 48px;
    min-height: 0px;
  }
  .getstarted-container .getstarted-grid .cards-two {
    margin: 0;
    padding-right: 0;
  }
  .getstarted-container .getstarted-grid .cards-three {
    padding-right: 0;
  }
  .getstarted-container .getstarted-grid .getstarted-grid-card-link {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .getstarted-container .getstarted-contain {
    padding: 0px;
    margin-bottom: 0px;
  }
  .getstarted-container .getstarted-grid .getstarted-grid-card .getstarted-grid-card-desc {
    min-height: 0px;
  }
}
.howdoesitwork-container {
  width: 100%;
  font-family: Roobert, sans-serif;
  background-color: #F2F4F5;
}
.howdoesitwork-container .howdoesitwork-title {
  font-style: normal;
  padding-bottom: 80px;
}
.howdoesitwork-container .howdoesitwork-flex {
  display: flex;
  justify-content: space-between;
}
.howdoesitwork-container .howdoesitwork-illustration {
  width: 43%;
}
.howdoesitwork-container .howdoesitwork-items {
  width: 45%;
}
.howdoesitwork-container .howdoesitwork-items ul {
  list-style: none;
  padding-left: 0px;
}
.howdoesitwork-container .howdoesitwork-items .howdoesitwork-item {
  display: flex;
}
.howdoesitwork-container .howdoesitwork-items .item-index {
  display: flex;
  width: 40px;
  height: 40px;
  background-color: #000000;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-family: Roobert SemiBold, sans-serif;
  padding: 4px;
  line-height: 24px;
  border-radius: 10px;
}
.howdoesitwork-container .howdoesitwork-items .item-right .item-title {
  color: #000000;
  font-style: normal;
  line-height: 24px;
  padding-left: 30px;
  padding-bottom: 10px;
  font-family: Roobert Medium, sans-serif;
}
.howdoesitwork-container .howdoesitwork-items .item-right h3 {
  font-size: 22px;
}
.howdoesitwork-container .howdoesitwork-items .item-right .item-desc {
  font-size: 18px;
  letter-spacing: 0.18px;
  color: #000000;
  padding-bottom: 50px;
  padding-left: 30px;
  font-style: normal;
  line-height: 24px;
}
@media (max-width: 992px) {
  .howdoesitwork-container .howdoesitwork-illustration {
    display: none;
    visibility: hidden;
  }
  .howdoesitwork-container .howdoesitwork-items {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .howdoesitwork-container {
    background-color: #F2F4F5;
  }
  .howdoesitwork-container .howdoesitwork-title {
    font-style: normal;
    line-height: 24px;
    padding-bottom: 50px;
  }
  .howdoesitwork-container .howdoesitwork-items .item-right .item-title {
    padding-left: 20px;
    line-height: 24px;
  }
  .howdoesitwork-container .howdoesitwork-items .item-right h3 {
    font-size: 20px;
  }
  .howdoesitwork-container .howdoesitwork-items .item-right .item-desc {
    font-size: 16px;
    letter-spacing: 0.16px;
    padding-bottom: 50px;
    padding-left: 20px;
    line-height: 24px;
  }
  .howdoesitwork-container .howdoesitwork-items .item-index {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 150%;
    padding: 2px;
  }
  .howdoesitwork-container .howdoesitwork-items .howdoesitwork-item:last-child .item-right .item-desc {
    padding-bottom: 0px;
  }
}
@media (max-width: 480px) {
  .howdoesitwork-illustration {
    display: none;
  }
  .howdoesitwork-items {
    width: 100%;
  }
}
.devportaltotsys-container {
  width: 100%;
  height: 305px;
  font-family: Roobert, sans-serif;
  position: relative;
  overflow: hidden;
  background-image: url(/images/solutions/explore-value-bg-c29fe92f41064c39ff237281df5ffd37.png);
  background-size: 125% auto;
  background-position: left 92%;
  background-repeat: no-repeat;
}
.devportaltotsys-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 25%, rgba(0, 0, 0, 0));
  pointer-events: none;
}
.devportaltotsys-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 60px 0 60px 130px;
  max-width: 930px;
}
.devportaltotsys-content .devportaltotsys-title {
  color: #ffffff;
  font-size: 32px;
  font-family: Roobert Light, sans-serif;
  line-height: 40px;
  letter-spacing: 0;
  margin: 0;
}
.devportaltotsys-content .devportaltotsys-desc {
  color: #ffffff;
  font-family: Roobert, sans-serif;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 47px;
}
.devportaltotsys-content .devportaltotsys-link-arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/images/solutions/diagonal-arrow-12f36ba461c1283fbfab8a72933936fd.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  top: 2px;
  margin-left: 8px;
  transition: filter 0.3s ease;
}
.devportaltotsys-content button:hover .devportaltotsys-link-arrow {
  filter: brightness(0) invert(1);
}
@media (min-width: 2160px) {
  .devportaltotsys-content {
    max-width: none;
    padding-left: 20%;
    padding-right: 20%;
  }
  .devportaltotsys-content .devportaltotsys-title,
  .devportaltotsys-content .devportaltotsys-desc {
    max-width: 800px;
  }
}
@media (max-width: 768px) {
  .devportaltotsys-container {
    height: auto;
    background-size: cover;
    background-position: 65% bottom;
  }
  .devportaltotsys-content {
    padding: 30px 20px 40px;
    max-width: 100%;
    gap: 20px;
  }
  .devportaltotsys-content .devportaltotsys-title {
    font-size: 24px;
    line-height: 31.2px;
  }
  .devportaltotsys-content .devportaltotsys-desc {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .devportaltotsys-content {
    padding-right: 84px;
    max-width: 100%;
  }
}
.pop-container {
  font-family: Roobert, sans-serif;
}
.pop-container .section-content {
  padding: 80px 130px 80px 130px;
  margin: 0px;
}
.pop-container .pop-header-title {
  color: #000000;
  font-size: 48px;
  font-weight: 600;
  line-height: 120%;
}
.pop-container .pop-header-desc {
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}
.pop-container .pop-card-title {
  color: #323436;
  line-height: 140%;
  font-size: 22px;
  font-family: Roobert Medium, sans-serif;
}
.pop-container .pop-card-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #000000;
}
.pop-container .pop-seperator {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #DDE3E8;
  margin: 0 130px;
}
@media (min-width: 2160px) {
  .pop-container .section-content {
    padding: 80px 20% 80px 20%;
  }
  .pop-container .pop-seperator {
    margin: 0 20%;
  }
}
@media (max-width: 768px) {
  .pop-container .section-content {
    padding: 50px 16px 40px 16px;
  }
  .pop-container .pop-header-title {
    line-height: 130%;
    font-size: 24px;
  }
  .pop-container .pop-header-desc {
    margin: 0;
  }
  .pop-container .pop-card-title h3 {
    font-size: 20px;
  }
  .pop-container .pop-seperator {
    margin: 0 12px;
  }
}
.pop-header-container {
  margin: 0;
  background-color: #000000;
  font-family: Roobert, sans-serif;
}
.pop-header-container .landing-content {
  display: flex;
  flex-wrap: wrap;
}
.pop-header-container .landing-content .landing-content-left {
  width: 60%;
  padding: 120px 0 120px 130px;
  margin: 0;
}
.pop-header-container .landing-content .landing-content-left .landing-header-title {
  color: #ffffff;
  font-size: 64px;
  font-style: normal;
  font-weight: 300;
  line-height: 80px;
  padding-bottom: 30px;
  font-family: Roobert Light, sans-serif;
}
.pop-header-container .landing-content .landing-content-left .landing-header-desc {
  color: #ffffff;
  font-size: 24px;
  font-style: normal;
  line-height: 32px;
  letter-spacing: 0.24px;
  padding-bottom: 50px;
  font-family: Roobert Light, sans-serif;
}
.pop-header-container .landing-content .landing-content-right {
  width: 40%;
  display: flex;
  justify-content: end;
}
.pop-header-container .landing-content .landing-content-right .section-illustration {
  display: none;
  height: 100%;
  width: 100%;
  max-width: 490px;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
}
@media (min-width: 2160px) {
  .pop-header-container .landing-content {
    padding-right: 20%;
    padding-left: 20%;
  }
  .pop-header-container .landing-content .landing-content-left {
    width: 57%;
    padding-left: 0;
  }
  .pop-header-container .landing-content .landing-content-right {
    position: relative;
    height: 597px;
    width: 20%;
  }
  .pop-header-container .landing-content .landing-content-right .section-illustration-wide {
    display: none;
    width: auto;
    height: 597px;
    object-fit: contain;
    position: absolute;
    left: 50px;
  }
}
@media (max-width: 768px) {
  .pop-header-container .landing-content .landing-content-left {
    padding: 30px 12px 70px;
    width: 100%;
  }
  .pop-header-container .landing-content .landing-content-left .landing-header-title {
    font-size: 38px;
    line-height: 110%;
    padding-bottom: 20px;
  }
  .pop-header-container .landing-content .landing-content-left .landing-header-desc {
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.18px;
    padding-bottom: 30px;
  }
  .pop-header-container .landing-content .landing-content-right {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .pop-header-container {
    padding-right: 130px;
  }
  .pop-header-container .landing-content .landing-content-left {
    width: 100%;
  }
  .pop-header-container .landing-content .landing-content-right {
    display: none;
  }
}
.pophowdoesitwork-container {
  padding: 80px 130px 150px 130px;
}
.pophowdoesitwork-container .pophowdoesitwork-header-title b {
  font-family: Roobert, sans-serif;
}
.pophowdoesitwork-container .pophowdoesitwork-header-desc {
  letter-spacing: 0.18px;
  padding-top: 26px;
}
.pophowdoesitwork-container .pophowdoesitwork-bottom-section {
  padding-top: 80px;
}
.pophowdoesitwork-container .pophowdoesitwork-bottom-section .pophowdoesitwork-img-container {
  display: flex;
  justify-content: center;
}
.pophowdoesitwork-container .pophowdoesitwork-bottom-section .pophowdoesitwork-img-container .pophowdoesitwork-illustration {
  height: 100%;
  width: 100%;
  max-height: 480px;
  object-fit: contain;
  margin: auto;
}
.pophowdoesitwork-container .pophowdoesitwork-bottom-section .pophowdoesitwork-illustration-desc {
  color: #5E7482;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.16px;
  padding-top: 30px;
}
.pophowdoesitwork-container .pophowdoesitwork-items {
  display: grid;
  grid-template-columns: auto auto;
  row-gap: 60px;
  column-gap: 80px;
  padding-top: 80px;
}
.pophowdoesitwork-container .pophowdoesitwork-items .pophowdoesitwork-item {
  display: flex;
}
.pophowdoesitwork-container .pophowdoesitwork-items .pophowdoesitwork-item .pop-item-index {
  display: flex;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #000000;
  color: #ffffff;
  align-items: center;
  font-size: 22px;
  font-weight: 700;
  padding: 4px;
  line-height: 140%;
  flex-shrink: 0;
  border-radius: 10px;
}
.pophowdoesitwork-container .pophowdoesitwork-items .pophowdoesitwork-item .pop-item-right .pop-item-title {
  padding-left: 30px;
  padding-bottom: 10px;
}
.pophowdoesitwork-container .pophowdoesitwork-items .pophowdoesitwork-item .pop-item-right h3 {
  font-size: 22px;
}
.pophowdoesitwork-container .pophowdoesitwork-items .pophowdoesitwork-item .pop-item-right .pop-item-desc {
  letter-spacing: 0.16px;
  padding-left: 30px;
}
@media (min-width: 2160px) {
  .pophowdoesitwork-container {
    padding: 80px 20% 150px 20%;
  }
}
@media (max-width: 768px) {
  .pophowdoesitwork-container {
    padding: 50px 12px 60px 12px;
  }
  .pophowdoesitwork-container .pophowdoesitwork-header-title {
    margin: 0;
  }
  .pophowdoesitwork-container .pophowdoesitwork-header-desc {
    font-size: 16px;
    padding-top: 20px;
  }
  .pophowdoesitwork-container .pophowdoesitwork-bottom-section {
    padding-top: 50px;
  }
  .pophowdoesitwork-container .pophowdoesitwork-bottom-section .pophowdoesitwork-illustration-desc {
    padding-top: 20px;
  }
  .pophowdoesitwork-container .pophowdoesitwork-items {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    row-gap: 50px;
    padding-top: 50px;
  }
  .pophowdoesitwork-container .pophowdoesitwork-items .pophowdoesitwork-item .pop-item-index {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 150%;
    padding: 2px;
    border-radius: 10px;
  }
  .pophowdoesitwork-container .pophowdoesitwork-items .pophowdoesitwork-item .pop-item-right .pop-item-title {
    padding-left: 20px;
  }
  .pophowdoesitwork-container .pophowdoesitwork-items .pophowdoesitwork-item .pop-item-right h3 {
    font-size: 20px;
  }
  .pophowdoesitwork-container .pophowdoesitwork-items .pophowdoesitwork-item .pop-item-right .pop-item-desc {
    padding-left: 20px;
  }
}
.popwhyuseit-container .popwhyuseit-title {
  padding-bottom: 50px;
}
.popwhyuseit-container .popwhyuseit-title b {
  font-family: Roobert, sans-serif;
}
.popwhyuseit-container .popwhyuseit-item {
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  gap: 60px;
}
.popwhyuseit-container .popwhyuseit-item .popwhyuseit-grid-item .popwhyuseit-grid-item-title {
  color: #5BA71E;
  font-size: 22px;
  font-family: Roobert Medium, sans-serif;
  line-height: 30.8px;
  padding-bottom: 14px;
}
.popwhyuseit-container .popwhyuseit-item .popwhyuseit-grid-item .popwhyuseit-grid-item-desc {
  color: #000000;
  font-size: 18px;
  line-height: 28.8px;
  letter-spacing: 1%;
}
@media (max-width: 768px) {
  .popwhyuseit-container .popwhyuseit-title {
    padding-bottom: 30px;
    margin: 0;
  }
  .popwhyuseit-container .popwhyuseit-item {
    gap: 50px;
  }
  .popwhyuseit-container .popwhyuseit-item .popwhyuseit-grid-item .popwhyuseit-grid-item-title {
    font-size: 20px;
    line-height: 28px;
  }
  .popwhyuseit-container .popwhyuseit-item .popwhyuseit-grid-item .popwhyuseit-grid-item-desc {
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px;
  }
}
.react-multi-carousel-list {
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .react-multi-carousel-list {
    right: 0px;
  }
}
.react-multi-carousel-track {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  position: relative;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform,transition;
  gap: 45px;
}
@media (max-width: 768px) {
  .react-multi-carousel-track {
    gap: 0px;
  }
}
.react-multiple-carousel__arrow--right,
.react-multiple-carousel__arrow--left {
  display: none;
}
.react-multi-carousel-dot-list {
  position: absolute;
  bottom: 0px;
  display: flex;
  left: 0;
  right: 0;
  justify-content: center;
  margin: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  gap: 10px;
}
.react-multi-carousel-dot button {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 1;
  padding: 5px 5px 5px 5px;
  box-shadow: none;
  transition-duration: 0.4s;
  border: none;
  padding: 0;
  margin: 0;
  margin-right: 6px;
  outline: 0;
  background-color: #dde3e8;
  cursor: pointer;
}
.react-multi-carousel-dot--active button {
  background: #000000;
  width: 80px;
  border-radius: 25px;
}
.react-multi-carousel-item {
  transform-style: preserve-3d;
  backface-visibility: visible;
  border-radius: 8px;
  border: 1px solid #DDE3E8;
  background: rgba(255, 255, 255, 0);
}
@media (max-width: 768px) {
  .react-multi-carousel-item:not(.react-multi-carousel-item--active) {
    border: none;
  }
  .react-multi-carousel-item:not(.react-multi-carousel-item--active) .spot-item {
    display: none;
  }
}
@media (min-width: 1920px) {
  .react-multi-carousel-list {
    padding-bottom: 90px;
  }
  .react-multi-carousel-dot button {
    width: 15px;
    height: 15px;
  }
  .react-multi-carousel-dot--active button {
    width: 120px;
  }
  .react-multi-carousel-track {
    gap: 40px;
  }
}
@media (min-width: 3840px) {
  .react-multi-carousel-list {
    padding-bottom: 120px;
    right: 60px;
  }
  .react-multi-carousel-dot button {
    width: 16px;
    height: 16px;
  }
  .react-multi-carousel-dot--active button {
    width: 150px;
  }
  .react-multi-carousel-track {
    gap: 60px;
  }
}
.extractor-landing-container .theme-icon {
  background: #618DFD;
  padding: 10px;
  border-radius: 6px;
}
.parser-landing-container .theme-icon {
  background: #00A889;
  padding: 10px;
  border-radius: 6px;
}
.parser-landing-container .content-padding {
  padding-right: 8%;
  padding-left: 8%;
}
.parser-landing-container.subnav-offset {
  margin-top: 54px;
}
.parser-landing-container .learn-more-link,
.parser-landing-container .view-link,
.parser-landing-container .ui-hyperlink {
  color: #208B77;
}
.parser-landing-container .selected {
  color: #208B77;
  font-weight: 600;
}
@media (max-width: 480px) {
  .parser-landing-container .theme-icon {
    padding: 7px 7px;
  }
}
.devresources-container.dashboardcontainer .devresources-content {
  padding: 1.5% 8% 0% 7.2%;
}
.devresources-container.dashboardcontainer .devresources-content .devresources-overview-details .operation-title {
  color: #323436;
  font-family: Roobert Medium, sans-serif;
  font-size: 24px;
}
.devresources-container.dashboardcontainer .devresources-content .devresources-overview-details .operation-desc {
  margin-bottom: 0;
  color: #5E7482;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  line-height: 26px;
}
.devresources-container.dashboardcontainer .devresources-content .devresources-overview-details .operation-desc.mb20 {
  margin-bottom: 20px;
}
.devresources-container.dashboardcontainer .devresources-content .devresources-overview-details .helpfulltips {
  color: #5a5f62;
  font-family: Roobert Bold, sans-serif;
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.devresources-container.dashboardcontainer .devresources-content .devresources-overview-details ul li {
  font-family: Roobert, sans-serif;
  font-size: 14px;
  color: #5E7482;
  padding-bottom: 8px;
}
.api-operation-container.guides-wrapper {
  padding-top: 10px;
}
.guides-wrapper {
  padding-bottom: 40px;
}
.guides-wrapper h2 {
  color: #323436;
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 20px;
  margin-top: 50px;
}
.guides-wrapper h2.mb40 {
  margin-bottom: 40px;
}
.guides-wrapper h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #323436;
  margin-bottom: 16px;
}
.guides-wrapper p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #5E7482;
}
.guides-wrapper img {
  margin-top: 27px;
}
.guides-wrapper .solid-line {
  margin-top: 50px;
  margin-bottom: 50px;
  background-color: #dde3e8;
  height: 1px;
  width: calc(100% + 60px);
  margin-left: -30px;
}
.guides-wrapper .block-text {
  margin-bottom: 30px;
}
.system-cards {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 30px;
}
.system-cards .min-height {
  min-height: 470px;
}
.system-cards .systemcard-content {
  border: 1px solid #dde3e8;
  padding: 20px 25px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.2);
  height: auto;
}
.system-cards .systemcard-content svg {
  display: inline-block;
  font-size: 18px;
  margin-left: 15px;
}
.system-cards .systemcard-content svg.fa-ellipsis-v {
  color: #5E7482;
}
.system-cards .systemcard-content svg.fa-check {
  margin-left: 0px;
}
.system-cards .systemcard-content .app-separator {
  margin-top: 25px;
  margin-bottom: 20px;
  margin-left: -35px;
  margin-right: -35px;
  border: 0;
  clear: both;
  border-top: 1px solid #ecedef;
}
.system-cards .systemcard-content .application-info {
  display: flex;
  width: 100%;
  align-items: center;
}
.system-cards .systemcard-content .apps-info-content {
  padding-right: 25px;
}
.system-cards .systemcard-content .app-title {
  text-overflow: ellipsis;
  width: 100%;
  overflow-x: hidden;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
  color: #323436;
  margin-bottom: 10px;
  height: 60px;
  white-space: nowrap;
}
.system-cards .systemcard-content .app-title:hover {
  overflow-x: visible;
}
.system-cards .systemcard-content .app-title.activity-count-totals {
  font-size: 28px;
}
.system-cards .systemcard-content .link-float {
  display: block;
}
.system-cards .systemcard-content .link-float .channel-heading {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.system-cards .systemcard-content .link-float .channel-heading .channel-type {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  width: auto;
  padding: 5px 10px;
}
.system-cards .systemcard-content .link-float .channel-heading .caret-down {
  margin-top: 0px;
}
.system-cards .systemcard-content .link-float .channel-heading .caret-down button {
  background-color: white;
  border: none;
  box-shadow: none;
}
.system-cards .systemcard-content .link-float .channel-heading .caret-down .dropdown-menu {
  margin-left: -90px;
}
.system-cards .systemcard-content .link-float .channel-heading .caret-down .dropdown-menu li a {
  padding: 10px 15px;
  font-size: 14px;
  line-height: 22px;
  color: #5E7482;
}
.system-cards .systemcard-content .link-float .channel-heading .caret-down .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #dde3e8;
}
.system-cards .systemcard-content .link-float .app-title {
  padding: 15px 0px;
}
.system-cards .systemcard-content .link-float .app-title.activity-count-totals {
  padding-bottom: 0px;
  height: auto;
  margin-bottom: 5px;
}
.system-cards .systemcard-content .heading {
  font-family: Roobert SemiBold, sans-serif;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
}
.system-cards .systemcard-content .access-id {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.system-cards .systemcard-content .card-heading {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.system-cards .systemcard-content .card-heading-title {
  overflow-x: hidden;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 10px;
  height: 60px;
}
.system-cards .systemcard-content .channel-heading .app-title .es-card-title-icon {
  margin-right: 15px;
}
.system-cards .systemcard-content .channel-heading .app-title svg {
  margin-left: 0;
  margin-right: 15px;
}
.system-cards .systemcard-content .channel-heading .app-title i {
  margin-left: 0;
  margin-right: 15px;
}
.system-cards .systemcard-content .channel-heading .event-status-action {
  display: flex;
  align-items: center;
  grid-template-columns: 90% 10%;
}
.system-cards .systemcard-content .channel-heading .event-status-action.button-padding {
  padding-right: 30px;
}
.system-cards .caret-down {
  position: absolute;
  right: 45px;
  top: 35px;
}
.system-cards .caret-down:focus,
.system-cards .caret-down:active {
  outline: none;
  border: none;
}
@media (max-width: 767px) {
  .system-cards .caret-down {
    margin-top: 15px;
  }
}
.system-cards .caret-down button {
  background: none;
  color: #000000;
  border: none;
  box-shadow: none;
}
.system-cards .caret-down .dropdown-menu {
  margin-left: -130px;
}
.system-cards .caret-down .dropdown-menu .ui-dropdown-item {
  font-size: 14px;
  color: #000000;
  padding: 10px 15px;
  line-height: 22px;
}
.system-cards .caret-down .dropdown-menu a:not(:last-child):focus {
  border-bottom: 0.1em solid #395FF0;
}
.system-cards .caret-down .dropdown-menu *:focus {
  border: 0.1em solid #395FF0;
  background-color: rgba(0, 0, 0, 0);
  margin: 0px;
}
.system-cards .caret-down.full-width .dropdown-menu {
  margin-left: -105px;
}
.system-cards .fa-pencil-alt {
  color: #11191F;
}
.system-cards #pencil-icon {
  position: absolute;
  right: 35px;
  top: 40px;
  margin-top: 6px;
  padding: 0px;
}
.system-cards #pencil-icon:focus,
.system-cards #pencil-icon :active {
  box-shadow: none;
}
.system-cards .system-card,
.system-cards .user-card {
  background: #ffffff;
  padding: 0 20px 40px 20px;
}
.system-cards .user-card .systemcard-content {
  padding: 30px;
}
.system-cards .no-left-padding {
  padding-left: 0px;
}
.system-cards .no-right-padding {
  padding-right: 0px;
}
.event-app-empty-state {
  padding-top: 50px;
  padding-bottom: 150px;
  text-align: center;
}
.event-app-empty-state .noapps-icon {
  padding-bottom: 40px;
  width: 486px;
  height: 276px;
}
@media (max-width: 768px) {
  .event-app-empty-state .noapps-icon {
    width: 270px;
    height: 150px;
  }
}
.event-app-empty-state .no-apps-text {
  text-align: center;
  width: 100%;
}
.event-app-empty-state .no-apps-text .noapps-icon {
  padding-bottom: 40px;
  width: 100%;
}
.event-app-empty-state .no-apps-text .no-apps-heading {
  font-family: Roobert Medium, sans-serif;
  color: #000000;
  font-size: 24px;
  padding-bottom: 15px;
}
.event-app-empty-state .no-apps-text .no-apps-desc {
  font-family: Roobert, sans-serif;
  font-size: 18px;
  padding-bottom: 30px;
  color: #000000;
}
.event-app-empty-state .no-apps-text .no-apps-create button {
  font-family: Roobert Bold, sans-serif;
  font-size: 14px;
  text-transform: capitalize;
}
.applications .no-permissions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 20px;
  height: 250px;
  position: relative;
  color: #514c48;
  background-color: #ffffff;
  text-align: center;
}
.applications .no-permissions .folder {
  height: 60px;
  width: 60px;
}
.applications .no-permissions .no-permission-title {
  font-family: Roobert Medium, sans-serif;
  font-size: 18px;
  color: #00406e;
  padding-top: 30px;
}
.applications .no-permissions .no-permission-text {
  font-size: 16px;
  color: #5E7482;
  max-width: 400px;
  padding-top: 10px;
}
.api-application-detail .common-header {
  background-color: #ffffff;
}
.api-application-detail .common-header .common-header-content .event-app-status-bundle .event-app-data .app-nav-dropdown-item .file-icon .svg-inline--fa {
  vertical-align: middle;
  color: #431C5B;
  background-color: #E9E3F0;
}
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
.cm-fat-cursor { caret-color: transparent; }
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/* The lint marker gutter */
.CodeMirror-lint-markers {
  width: 16px;
}

.CodeMirror-lint-tooltip {
  background-color: #ffd;
  border: 1px solid black;
  border-radius: 4px 4px 4px 4px;
  color: black;
  font-family: monospace;
  font-size: 10pt;
  overflow: hidden;
  padding: 2px 5px;
  position: fixed;
  white-space: pre;
  white-space: pre-wrap;
  z-index: 100;
  max-width: 600px;
  opacity: 0;
  transition: opacity .4s;
  -moz-transition: opacity .4s;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -ms-transition: opacity .4s;
}

.CodeMirror-lint-mark {
  background-position: left bottom;
  background-repeat: repeat-x;
}

.CodeMirror-lint-mark-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
}

.CodeMirror-lint-mark-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==");
}

.CodeMirror-lint-marker {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  position: relative;
}

.CodeMirror-lint-message {
  padding-left: 18px;
  background-position: top left;
  background-repeat: no-repeat;
}

.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-multiple {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 100%; height: 100%;
}

.CodeMirror-lint-line-error {
  background-color: rgba(183, 76, 81, 0.08);
}

.CodeMirror-lint-line-warning {
  background-color: rgba(255, 211, 0, 0.1);
}

.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;

  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
  box-sizing: border-box;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #08f;
  color: white;
}

.CodeMirror-dialog {
  position: absolute;
  left: 0; right: 0;
  background: inherit;
  z-index: 15;
  padding: .1em .8em;
  overflow: hidden;
  color: inherit;
}

.CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0;
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
}

.CodeMirror-dialog input {
  border: none;
  outline: none;
  background: transparent;
  width: 20em;
  color: inherit;
  font-family: monospace;
}

.CodeMirror-dialog button {
  font-size: 70%;
}

/*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
*/

.cm-s-material.CodeMirror {
  background-color: #263238;
  color: #EEFFFF;
}

.cm-s-material .CodeMirror-gutters {
  background: #263238;
  color: #546E7A;
  border: none;
}

.cm-s-material .CodeMirror-guttermarker,
.cm-s-material .CodeMirror-guttermarker-subtle,
.cm-s-material .CodeMirror-linenumber {
  color: #546E7A;
}

.cm-s-material .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
}
.cm-s-material.cm-fat-cursor .CodeMirror-cursor {
  background-color: #5d6d5c80 !important;
}
.cm-s-material .cm-animate-fat-cursor {
  background-color: #5d6d5c80 !important;
}

.cm-s-material div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::selection,
.cm-s-material .CodeMirror-line>span::selection,
.cm-s-material .CodeMirror-line>span>span::selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::-moz-selection,
.cm-s-material .CodeMirror-line>span::-moz-selection,
.cm-s-material .CodeMirror-line>span>span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
}

.cm-s-material .cm-keyword {
  color: #C792EA;
}

.cm-s-material .cm-operator {
  color: #89DDFF;
}

.cm-s-material .cm-variable-2 {
  color: #EEFFFF;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #f07178;
}

.cm-s-material .cm-builtin {
  color: #FFCB6B;
}

.cm-s-material .cm-atom {
  color: #F78C6C;
}

.cm-s-material .cm-number {
  color: #FF5370;
}

.cm-s-material .cm-def {
  color: #82AAFF;
}

.cm-s-material .cm-string {
  color: #C3E88D;
}

.cm-s-material .cm-string-2 {
  color: #f07178;
}

.cm-s-material .cm-comment {
  color: #546E7A;
}

.cm-s-material .cm-variable {
  color: #f07178;
}

.cm-s-material .cm-tag {
  color: #FF5370;
}

.cm-s-material .cm-meta {
  color: #FFCB6B;
}

.cm-s-material .cm-attribute {
  color: #C792EA;
}

.cm-s-material .cm-property {
  color: #C792EA;
}

.cm-s-material .cm-qualifier {
  color: #DECB6B;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #DECB6B;
}


.cm-s-material .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
}

.cm-s-material .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}

/*
Copyright (C) 2011 by MarkLogic Corporation
Author: Mike Brevoort <mike@brevoort.com>

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.cm-s-xq-light span.cm-keyword { line-height: 1em; font-weight: bold; color: #5A5CAD; }
.cm-s-xq-light span.cm-atom { color: #6C8CD5; }
.cm-s-xq-light span.cm-number { color: #164; }
.cm-s-xq-light span.cm-def { text-decoration:underline; }
.cm-s-xq-light span.cm-variable { color: black; }
.cm-s-xq-light span.cm-variable-2 { color:black; }
.cm-s-xq-light span.cm-variable-3, .cm-s-xq-light span.cm-type { color: black; }
.cm-s-xq-light span.cm-property {}
.cm-s-xq-light span.cm-operator {}
.cm-s-xq-light span.cm-comment { color: #0080FF; font-style: italic; }
.cm-s-xq-light span.cm-string { color: red; }
.cm-s-xq-light span.cm-meta { color: yellow; }
.cm-s-xq-light span.cm-qualifier { color: grey; }
.cm-s-xq-light span.cm-builtin { color: #7EA656; }
.cm-s-xq-light span.cm-bracket { color: #cc7; }
.cm-s-xq-light span.cm-tag { color: #3F7F7F; }
.cm-s-xq-light span.cm-attribute { color: #7F007F; }
.cm-s-xq-light span.cm-error { color: #f00; }

.cm-s-xq-light .CodeMirror-activeline-background { background: #e8f2ff; }
.cm-s-xq-light .CodeMirror-matchingbracket { outline:1px solid grey;color:black !important;background:yellow; }

.CodeMirror-hints {
  box-shadow: none;
  font-size: 14px;
  font-family: Roobert, sans-serif;
  padding: 12px 8px;
  min-width: 290px;
  border-color: #dde3e8;
  border-radius: 8px 8px 0px 8px;
}
.CodeMirror-hints .CodeMirror-hint {
  color: #5a5f62;
  font-size: 14px;
  line-height: 22px;
  padding: 5px;
  border-color: #dde3e8;
  border-radius: 6px;
}
.CodeMirror-hints .CodeMirror-hint .cm-hint-highlight {
  color: #395FF0;
}
.CodeMirror-hints .CodeMirror-hint .cm-hint-text {
  font-weight: 600;
  padding: 9px;
}
.CodeMirror-hints .CodeMirror-hint .cm-hint-popup {
  position: fixed;
  background-color: #ffffff;
  z-index: 10;
  margin: 0;
  padding: 19px;
  border-radius: 0px 8px 8px 0px;
  border: 1px solid #dde3e8;
  max-width: 40%;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  display: none;
}
.CodeMirror-hints .CodeMirror-hint .cm-hint-popup .cm-hint-popup-title {
  padding: 5px;
  font-weight: 600;
}
.CodeMirror-hints .CodeMirror-hint .cm-hint-popup .cm-hint-popup-desc {
  padding: 5px;
  white-space: normal;
  color: #5E7482;
}
.CodeMirror-hints .CodeMirror-hint .cm-hint-popup .cm-hint-popup-pills {
  padding: 5px;
}
.CodeMirror-hints .CodeMirror-hint .cm-hint-popup .cm-hint-popup-pills > div {
  padding: 4px 10px 4px 10px;
  display: inline-block;
  border-radius: 8px;
  color: #5e7280;
  font-size: 14px;
}
.CodeMirror-hints .CodeMirror-hint .cm-hint-popup .cm-hint-popup-pills .cm-hint-popup-type {
  background-color: #f0f4f6;
}
.CodeMirror-hints .CodeMirror-hint .cm-hint-popup .cm-hint-popup-pills .cm-hint-popup-req {
  background-color: #FFEEBE;
  margin-right: 12px;
}
.CodeMirror-hints .CodeMirror-hint .shortcode-dark .cm-hint-popup {
  background-color: #3B4449;
  border-color: #000000;
}
.CodeMirror-hints .CodeMirror-hint:hover {
  background-color: #f0f4f6;
}
.CodeMirror-hints .CodeMirror-hint.CodeMirror-hint-active {
  background-color: #f0f4f6;
  color: #5a5f62;
  padding: 5px;
}
.CodeMirror-hints .CodeMirror-hint.CodeMirror-hint-active .cm-hint-popup {
  display: block;
}
.CodeMirror-hints.material {
  background-color: #3B4449;
  border-color: #000000;
}
.CodeMirror-hints.material .CodeMirror-hint {
  color: rgba(255, 255, 255, 0.8);
}
.CodeMirror-hints.material .CodeMirror-hint:hover {
  background: #2C3337;
}
.CodeMirror-hints.material .CodeMirror-hint .cm-hint-highlight {
  color: #ffc627;
}
.CodeMirror-hints.material .CodeMirror-hint.CodeMirror-hint-active {
  background-color: #2C3337;
  color: rgba(255, 255, 255, 0.8);
}
.CodeMirror-hints.material .cm-hint-popup {
  background-color: #3B4449;
  border-color: #000000;
  color: rgba(255, 255, 255, 0.8);
}
.CodeMirror-hints.material .cm-hint-popup .cm-hint-popup-pills > div {
  color: #5a5f62;
}
.CodeMirror-hints.material .cm-hint-popup .cm-hint-popup-desc {
  color: #ffffff;
}
.code-view,
.shortcode-editor {
  width: 100%;
}
.code-view .CodeMirror,
.shortcode-editor .CodeMirror {
  font-size: 14px;
  min-height: 100vh;
}
.code-view .CodeMirror .CodeMirror-linenumber,
.shortcode-editor .CodeMirror .CodeMirror-linenumber {
  margin-left: -5px;
}
.code-view .CodeMirror.cm-s-xq-light,
.shortcode-editor .CodeMirror.cm-s-xq-light {
  background-color: #F7F9FB;
}
.code-view .CodeMirror.cm-s-xq-light span.cm-tag,
.shortcode-editor .CodeMirror.cm-s-xq-light span.cm-tag {
  color: #c3444d;
}
.code-view .CodeMirror.cm-s-xq-light span.cm-attribute,
.shortcode-editor .CodeMirror.cm-s-xq-light span.cm-attribute,
.code-view .CodeMirror.cm-s-xq-light span.cm-meta,
.shortcode-editor .CodeMirror.cm-s-xq-light span.cm-meta,
.code-view .CodeMirror.cm-s-xq-light span.cm-tag.cm-bracket,
.shortcode-editor .CodeMirror.cm-s-xq-light span.cm-tag.cm-bracket {
  color: #9ea5af;
}
.code-view .CodeMirror.cm-s-xq-light span.cm-string,
.shortcode-editor .CodeMirror.cm-s-xq-light span.cm-string {
  color: #008556;
}
.code-view .CodeMirror.cm-s-xq-light .CodeMirror-gutters,
.shortcode-editor .CodeMirror.cm-s-xq-light .CodeMirror-gutters {
  background-color: #F7F9FB;
  border: 0;
}
.code-view .CodeMirror.cm-s-xq-light span.cm-attribute,
.shortcode-editor .CodeMirror.cm-s-xq-light span.cm-attribute {
  color: #5E7482;
}
.code-view .CodeMirror.cm-s-xq-light .CodeMirror-lines,
.shortcode-editor .CodeMirror.cm-s-xq-light .CodeMirror-lines {
  color: #5E7482;
}
.code-view .CodeMirror.cm-s-material,
.shortcode-editor .CodeMirror.cm-s-material {
  background-color: #1F2629;
}
.code-view .CodeMirror.cm-s-material span.cm-tag,
.shortcode-editor .CodeMirror.cm-s-material span.cm-tag {
  color: #ffa15c;
}
.code-view .CodeMirror.cm-s-material span.cm-attribute,
.shortcode-editor .CodeMirror.cm-s-material span.cm-attribute,
.code-view .CodeMirror.cm-s-material span.cm-meta,
.shortcode-editor .CodeMirror.cm-s-material span.cm-meta,
.code-view .CodeMirror.cm-s-material span.cm-tag.cm-bracket,
.shortcode-editor .CodeMirror.cm-s-material span.cm-tag.cm-bracket {
  color: #A5A8A9;
}
.code-view .CodeMirror.cm-s-material span.cm-string,
.shortcode-editor .CodeMirror.cm-s-material span.cm-string {
  color: #89E646;
}
.code-view .CodeMirror.cm-s-material .CodeMirror-gutters,
.shortcode-editor .CodeMirror.cm-s-material .CodeMirror-gutters {
  background-color: #1F2629;
}
.code-view .CodeMirror.cm-s-material .cm-hint-popup-desc,
.shortcode-editor .CodeMirror.cm-s-material .cm-hint-popup-desc {
  color: #5E7482;
}
.code-view .CodeMirror.cm-s-material .CodeMirror-linenumber,
.shortcode-editor .CodeMirror.cm-s-material .CodeMirror-linenumber {
  color: #A5A8A9;
}
.code-view .CodeMirror-sizer,
.shortcode-editor .CodeMirror-sizer {
  padding-left: 15px;
}
.code-view .CodeMirror pre.CodeMirror-line,
.shortcode-editor .CodeMirror pre.CodeMirror-line,
.code-view .CodeMirror pre.CodeMirror-line-like,
.shortcode-editor .CodeMirror pre.CodeMirror-line-like {
  padding-left: 5px;
}
.CodeMirror-lint-marker-error,
.CodeMirror-lint-message-error {
  background-image: url(/images/cm_lint_error-dedb06ef8298d80f277288fa68289bed.svg);
  background-position: center left;
}
.ui-modal .modal-dialog {
  max-width: none;
}
.ui-modal:not(.login-modal) .modal-content {
  margin: 0;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.25);
  top: 200px;
}
.ui-modal:not(.login-modal) .modal-content .modal-header {
  padding: 0;
  margin: 0;
  padding-bottom: 30px;
  background-color: transparent;
}
.ui-modal:not(.login-modal) .modal-content .modal-header:after {
  content: none;
}
.ui-modal:not(.login-modal) .modal-content .modal-header:before {
  content: none;
}
.ui-modal:not(.login-modal) .modal-content .modal-header .btn-close {
  color: #000000;
  filter: invert(0.4) grayscale(50%) brightness(100%);
  opacity: 1;
  width: auto;
  display: block;
  height: inherit;
  padding: 7px;
  align-self: flex-start;
  margin-top: 6px;
  font-size: 28px;
}
.ui-modal:not(.login-modal) .modal-content .modal-header .modal-title {
  font-size: 22px;
  color: #000000;
  line-height: 30px;
  font-family: Roobert Medium, sans-serif;
  padding: 0;
  margin: 0;
}
.ui-modal:not(.login-modal) .modal-content .modal-body {
  font-size: 16px;
  color: #000000;
  line-height: 22px;
  font-family: Roobert, sans-serif;
  padding: 0;
  margin: 0;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .eventForm .Select-value-label {
  padding: 12px 5px;
}
.ui-modal:not(.login-modal) .modal-content .modal-body input {
  font-size: 14px;
  padding: 12px 18px;
  font-family: Roobert, sans-serif;
  color: #000000;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .ui-single-select-control .Select .Select-control,
.ui-modal:not(.login-modal) .modal-content .modal-body .ui-multi-select-control .Select .Select-control {
  font-size: 14px;
  font-family: Roobert, sans-serif;
  color: #000000;
  border: 1px solid #999B9C;
}
.ui-modal:not(.login-modal) .modal-content .modal-body input[type="checkbox"] {
  cursor: pointer;
  margin-top: 12px;
  margin-right: 12px;
  height: 20px;
  width: 20px;
  padding: 0;
}
.ui-modal:not(.login-modal) .modal-content .modal-body button {
  border-radius: 0px;
  min-width: 100px;
  min-height: 36px;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .floating-label.floating-label-show.control-label {
  display: none;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .floating-label.password-control {
  margin-bottom: 0px;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .floating-form-group > label.floating-label.floating-label-show {
  display: none;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .ui-single-select-control .Select .Select-control .Select__value-container > .Select__single-value,
.ui-modal:not(.login-modal) .modal-content .modal-body .ui-multi-select-control .Select .Select-control .Select__value-container > .Select__single-value {
  color: #000000;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .modal-disc {
  padding-bottom: 30px;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .form-label {
  font-size: 14px;
  color: #000000;
  font-family: Roobert, sans-serif;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .error-block,
.ui-modal:not(.login-modal) .modal-content .modal-body .ERROR-block {
  font-weight: bold;
  font-size: 12px;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .error-block .help-block,
.ui-modal:not(.login-modal) .modal-content .modal-body .ERROR-block .help-block {
  font-size: 14px;
  color: #CE1518;
  font-family: Roobert, sans-serif;
  margin-left: 0;
}
.ui-modal:not(.login-modal) .modal-content .modal-body select {
  border: none;
  box-shadow: none;
  border: 1px solid #DDE3E8;
  border-radius: 8px;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .floating-form-group {
  margin-bottom: 20px;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .floating-form-group span > span {
  font-weight: bold;
}
.ui-modal:not(.login-modal) .modal-content .modal-body .floating-form-group input:not(.empty) + label.floating-label {
  font-size: 13px;
  color: #000000;
  line-height: 20px;
  font-family: Roobert, sans-serif;
}
.ui-modal:not(.login-modal) .modal-content .modal-footer {
  margin: 42px -30px 0px -30px;
  padding: 19px 30px 0px 30px;
  border-top: 1px solid #dde3e8;
}
.ui-modal:not(.login-modal) .modal-content .modal-footer::after,
.ui-modal:not(.login-modal) .modal-content .modal-footer::before {
  content: none;
}
.ui-modal .modal-content-padding .modal-content {
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #CCCECF;
}
.ui-modal .modal-content-padding[name="create-application"] .modal-content,
.ui-modal [name="create-application"].modal-content-padding .modal-content {
  width: 500px;
}
.contact-us-container {
  width: 100%;
  background-color: #F7F9FB;
}
.contact-us-container .contact-header-container {
  display: flex;
  flex-wrap: wrap;
  background-color: #431C5B;
  color: #ffffff;
}
.contact-us-container .contact-header-container .content-left {
  width: 60%;
  padding: 120px 130px 270px 20%;
}
.contact-us-container .contact-header-container .content-left p {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 0px;
  opacity: 0.8;
}
.contact-us-container .contact-header-container .content-left h1 {
  font-size: 48px;
  font-family: Roobert, sans-serif;
  padding-bottom: 14px;
  line-height: 58px;
}
.contact-us-container .contact-header-container .content-left h2 {
  font-family: Roobert, sans-serif;
  font-size: 18px;
  background-color: #431C5B;
  border: none;
  color: #ffffff;
  outline: none;
  cursor: inherit;
  background: none;
  text-align: left;
  line-height: 29px;
  min-width: 700px;
}
@media (max-width: 1399px) {
  .contact-us-container .contact-header-container .content-left h2 {
    min-width: 100%;
  }
}
.contact-us-container .contact-header-container .content-left h2 a {
  color: #ffffff;
  cursor: pointer;
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
  font-family: Roobert Medium, sans-serif;
}
.contact-us-container .contact-header-container .content-left h2 a:hover {
  color: #ffffff;
}
.contact-us-container .contact-header-container .content-left h2 a svg {
  display: inline-block;
  margin-left: 8px;
}
.contact-us-container .contact-header-container .content-right {
  padding-right: 20%;
  width: 40%;
  display: flex;
  justify-content: end;
}
.contact-us-container .contact-header-container .content-right .help-center-illustration {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 490px;
  margin-top: -5%;
}
.contact-us-container .contact-faqs-mobile {
  display: none;
}
.contact-us-container .content {
  margin: 0 20%;
  background-color: #ffffff;
  padding: 50px 50px 60px;
  border: 1px solid #dde3e8;
  display: flex;
  gap: 70px;
  position: relative;
  top: -25%;
  transform: translateY(-9.6em);
  transition: transform 0.3s ease;
  flex-grow: 0;
}
.contact-us-container .content .content-header {
  font-family: Roobert, sans-serif;
  font-size: 32px;
  color: #000000;
  padding-bottom: 20px;
  line-height: 48px;
}
.contact-us-container .content .contact-form {
  flex-grow: 1;
}
.contact-us-container .content .contact-form #CONTACTUS .ui-single-select-control .Select {
  border: 1px solid #DDE3E8;
  box-shadow: none;
}
.contact-us-container .content .contact-form #CONTACTUS .ui-single-select-control .Select .Select__control {
  border-radius: 0;
  border: 0;
  box-shadow: none;
}
.contact-us-container .content .contact-form #CONTACTUS .ui-single-select-control .Select .Select__control svg {
  height: 20px;
  width: 20px;
  color: #5E7482;
}
.contact-us-container .content .contact-form #CONTACTUS .ui-single-select-control .Select .Select__control--menu-is-open svg {
  transform: rotate(180deg);
}
.contact-us-container .content .contact-form #CONTACTUS .ui-single-select-control .Select:hover {
  border: 1px solid #395FF0;
  outline: 2px solid #395FF0;
  outline-offset: -1px;
}
.contact-us-container .content .contact-form #CONTACTUS .Select__menu {
  border-radius: 0;
}
.contact-us-container .content .contact-form #CONTACTUS .form-control,
.contact-us-container .content .contact-form #CONTACTUS textarea {
  border-radius: 0;
  border: 1px solid #DDE3E8;
  box-shadow: none;
}
.contact-us-container .content .contact-form #CONTACTUS .form-control.active,
.contact-us-container .content .contact-form #CONTACTUS textarea.active {
  color: #395FF0;
}
.contact-us-container .content .contact-form #CONTACTUS .form-control:hover,
.contact-us-container .content .contact-form #CONTACTUS textarea:hover {
  border: 1px solid #395FF0;
  outline: 2px solid #395FF0;
  outline-offset: -1px;
}
.contact-us-container .content .contact-form #CONTACTUS .form-control:focus,
.contact-us-container .content .contact-form #CONTACTUS textarea:focus {
  border: 1px solid #395FF0;
  outline: 2px solid #395FF0;
  outline-offset: -1px;
}
.contact-us-container .content .contact-form #CONTACTUS .Select__option--is-selected::after {
  content: '\e8a6';
  font-family: 'SysFaSolid';
  color: #395FF0;
  float: right;
}
.contact-us-container .content .contact-form #CONTACTUS .Select__option--is-selected {
  color: #395FF0;
  font-family: Roobert Medium, sans-serif;
}
.contact-us-container .content .contact-form #CONTACTUS .Select__value-container {
  padding-left: 12px;
}
.contact-us-container .content .contact-form #CONTACTUS .Select__menu-list {
  padding-top: 0;
  padding-bottom: 0;
}
.contact-us-container .content .contact-form #CONTACTUS .Select__menu .Select__option {
  padding-left: 12px;
}
.contact-us-container .content .contact-form #CONTACTUS .Select__menu .Select__option:hover {
  background-color: #f0f4f6;
}
.contact-us-container .content .contact-form #CONTACTUS .has-error .error-block {
  font-size: 14px;
  line-height: 10px;
}
.contact-us-container .content .contact-form #CONTACTUS .has-error .form-control,
.contact-us-container .content .contact-form #CONTACTUS .has-error textarea {
  border-radius: 0;
  border: 2px solid #CE1518;
  outline: none;
}
.contact-us-container .content .contact-form .contact-note {
  padding: 16px 20px;
  background-color: #E8F0FE;
  border: 1px solid #395FF0;
  border-radius: 0;
  display: flex;
  gap: 16px;
}
.contact-us-container .content .contact-form .contact-note svg {
  color: #395FF0;
  display: block;
  height: 20px;
  width: 20px;
}
.contact-us-container .content .contact-form .contact-note .note p {
  margin-bottom: 0px;
}
.contact-us-container .content .contact-form .contact-note .note .content-note-hdr {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}
.contact-us-container .content .contact-form .contact-note .note .content-note-txt {
  color: #000000;
  font-size: 14px;
  line-height: 22px;
}
.contact-us-container .content .contact-form .contact-note .note .content-note-txt a {
  color: #395FF0;
  font-family: Roobert Bold, sans-serif;
}
.contact-us-container .content .contact-form form {
  margin-top: 40px;
}
.contact-us-container .content .contact-form form label {
  font-size: 14px;
  color: #000000;
  line-height: 15px;
  font-family: Roobert, sans-serif;
  padding-bottom: 8px;
}
.contact-us-container .content .contact-form form .form-group,
.contact-us-container .content .contact-form form .floating-form-group {
  width: 100%;
}
.contact-us-container .content .contact-form form .form-inline-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}
.contact-us-container .content .contact-form form .form-inline-container .label-container {
  width: 100%;
}
.contact-us-container .content .contact-form form .form-inline-container .label-container label {
  font-size: 14px;
  color: #000000;
  line-height: 15px;
  font-family: Roobert Medium, sans-serif;
  padding-bottom: 8px;
}
.contact-us-container .content .contact-form form .contactus-footer {
  padding-top: 15px;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
}
.contact-us-container .content .contact-faqs {
  flex-basis: 35%;
}
.contact-us-container .content .contact-faqs .content-question-grid .content-right-questions a {
  font-size: 16px;
  color: #1D1F48;
  cursor: pointer;
  transition-duration: 300ms;
  font-family: Roobert SemiBold, sans-serif;
  line-height: 22px;
}
.contact-us-container .content .contact-faqs .content-question-grid .content-right-questions a:focus {
  outline: 1px solid #3F64F2;
}
.contact-us-container .content .contact-faqs .content-question-grid .content-right-questions a:focus:not(:focus-visible) {
  outline: none;
}
.contact-us-container .content .contact-faqs .content-question-grid .content-right-questions a:focus-visible {
  outline: 1px solid #3F64F2;
}
.contact-us-container .content .contact-faqs .content-question-grid .content-right-questions a:hover {
  transform: scale(1.05);
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
.contact-us-container .content .contact-faqs .content-question-grid .content-right-questions:not(:last-child) {
  padding-bottom: 14px;
}
.contact-us-container .content .contact-faqs .content-faq-button {
  display: block;
  margin-top: 30px;
  color: #3F64F2;
  font-size: 16px;
  font-weight: 600;
}
.contact-us-container .content .contact-faqs .content-faq-button svg {
  margin-left: 8px;
}
@media (max-width: 2160px) {
  .contact-us-container .content {
    margin: 0 130px;
    transform: translateY(-10em);
  }
  .contact-us-container .contact-header-container .content-left {
    padding-left: 130px;
  }
  .contact-us-container .contact-header-container .content-right {
    padding-right: 0;
  }
}
@media (max-width: 2160px) and (max-width: 1919px) {
  .contact-us-container .content {
    transform: translateY(-9.7em);
  }
}
@media (max-width: 2160px) and (max-width: 1399px) {
  .contact-us-container .content {
    transform: translateY(-10em);
  }
}
@media (max-width: 1199px) {
  .contact-us-container .contact-header-container {
    display: flex;
    flex-direction: column;
  }
  .contact-us-container .contact-header-container .content-left {
    width: 100%;
  }
  .contact-us-container .contact-header-container .content-right {
    display: none;
  }
}
@media (max-width: 992px) {
  .contact-us-container .contact-header-container .content-left {
    padding: 30px 12px 120px;
  }
  .contact-us-container .contact-header-container .content-left h1 {
    font-size: 32px;
    line-height: 38px;
  }
  .contact-us-container .contact-header-container .content-left h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .contact-us-container .contact-faqs-mobile {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border: 1px solid #dde3e8;
    position: relative;
    margin: 0 12px 10px;
    padding: 20px 18px 30px;
    transform: translateY(-4em);
    transition: transform 0.3s ease;
    flex-grow: 0;
  }
  .contact-us-container .contact-faqs-mobile .content-header {
    font-family: Roobert Bold, sans-serif;
    font-size: 24px;
    color: #323436;
    padding-bottom: 20px;
    line-height: 48px;
  }
  .contact-us-container .contact-faqs-mobile .content-question-grid .content-right-questions a {
    font-size: 14px;
    line-height: 20px;
    color: #395FF0;
    cursor: pointer;
    transition-duration: 300ms;
    font-family: Roobert Medium, sans-serif;
  }
  .contact-us-container .contact-faqs-mobile .content-question-grid .content-right-questions a:focus {
    outline: 1px solid #3F64F2;
  }
  .contact-us-container .contact-faqs-mobile .content-question-grid .content-right-questions a:focus:not(:focus-visible) {
    outline: none;
  }
  .contact-us-container .contact-faqs-mobile .content-question-grid .content-right-questions a:focus-visible {
    outline: 1px solid #3F64F2;
  }
  .contact-us-container .contact-faqs-mobile .content-question-grid .content-right-questions:not(:last-child) {
    padding-bottom: 16px;
  }
  .contact-us-container .content {
    margin: 0 12px 120px;
    padding: 20px 18px 30px;
    display: flex;
    flex-direction: column;
    transform: translateY(-2em);
    transition: transform 0.3s ease;
  }
  .contact-us-container .content .contact-form form .form-inline-container {
    display: flex;
    flex-direction: column;
    row-gap: 0;
  }
  .contact-us-container .content .content-header {
    font-size: 24px;
    line-height: 31px;
    padding-bottom: 20px;
  }
  .contact-us-container .contact-faqs {
    display: none;
  }
  .contact-us-container .contact-note {
    padding: 16px 20px;
  }
  .contact-us-container .contact-note .note .content-note-hdr {
    color: #323436;
    font-size: 16px;
    font-weight: 600;
  }
}
.contact-us-container ::placeholder {
  color: #99a0a4;
  opacity: 1;
}
.contact-us-container h2 {
  font-family: Roobert Bold, sans-serif;
  font-size: 36px;
}
.contact-us-container .Select-control .Select-input input {
  max-width: 42vw;
}
.contact-us-container #recaptcha-control.recaptcha-content {
  padding: 1.1em 0;
}
@media (max-width: 480px) {
  .contact-us-container #recaptcha-control.recaptcha-content {
    transform: scale(0.77);
    transform-origin: 0 0;
  }
}
.common-overlay {
  flex-direction: column;
  display: flex;
  align-items: center;
  gap: 0px;
  margin: 0 20%;
  padding: 80px 290px 140px;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #dde3e8;
  position: relative;
  top: -25%;
  transform: translateY(-26%);
  transition: transform 0.3s ease;
  flex-grow: 0;
}
.common-overlay .content-header {
  font-family: Roobert Bold, sans-serif;
  font-size: 32px;
  color: #323436;
  padding-bottom: 20px;
  line-height: 48px;
}
.common-overlay .ills-message-sent {
  margin-bottom: 40px;
}
.common-overlay p {
  font-size: 16px;
  color: #323436;
  padding-bottom: 30px;
  text-align: center;
  margin: 0;
}
@media (max-width: 2160px) {
  .common-overlay {
    margin: 0 130px;
    transform: translateY(-27%);
  }
}
@media (max-width: 2160px) and (max-width: 1919px) {
  .common-overlay {
    transform: translateY(-26%);
  }
}
@media (max-width: 992px) {
  .common-overlay {
    display: flex;
    flex-direction: column;
    margin: 0 12px 20px;
    transform: translateY(-16%);
    transition: transform 0.3s ease;
  }
  .common-overlay .ills-message-sent {
    width: 100%;
    max-width: 160px;
    margin-bottom: 40px;
  }
  .common-overlay .content-header {
    font-size: 24px;
    line-height: 31px;
    padding-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .common-overlay {
    padding: 40px 12px;
  }
}
.whats-new-modal {
  font-family: Roobert, sans-serif;
  width: 500px;
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #ffffff;
  text-align: left;
  border-radius: 8px;
  color: #11191F;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  transition-duration: 300ms;
}
.whats-new-modal .close-icon {
  position: absolute;
  color: #ffffff;
  top: 0;
  right: 8px;
  font-size: 18px;
  z-index: 1;
}
.whats-new-modal .close-icon > * {
  cursor: pointer;
}
.whats-new-modal .whats-new-container {
  position: relative;
  border-radius: 8px;
}
.whats-new-modal .whats-new-container hr {
  margin: 0;
}
.whats-new-modal .whats-new-container .screenshot-contain img {
  display: block;
  width: 100%;
  height: 340px;
  border-radius: 8px;
}
.whats-new-modal .whats-new-container .text-contain {
  margin-top: 30px;
  padding: 0 20px;
  margin-bottom: 90px;
}
.whats-new-modal .whats-new-container .text-contain .text-card {
  margin-bottom: 20px;
  display: inline-flex;
  font-size: 14px;
  text-transform: uppercase;
  gap: 10px;
  border-radius: 8px;
  padding: 5px 15px;
}
.whats-new-modal .whats-new-container .text-contain .text-card .card-icon {
  font-size: 12px;
  margin-right: 10px;
}
.whats-new-modal .whats-new-container .text-contain .upcoming-card {
  background: #5E7482;
  color: #395FF0;
}
.whats-new-modal .whats-new-container .text-contain .new-card {
  background: #E7FADB;
  color: #008858;
}
.whats-new-modal .whats-new-container .text-contain .whats-new-title {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: #323436;
}
.whats-new-modal .whats-new-container .text-contain .whats-new-text {
  font-size: 16px;
  line-height: 28px;
  color: #5E7482;
  padding-bottom: 20px;
}
.whats-new-modal .button-contain {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 10px 0;
  width: 100%;
  font-size: 14px;
  position: absolute;
  background-color: #ffffff;
  bottom: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.whats-new-modal .button-contain .modal-button {
  margin: 10px 15px;
  box-sizing: border-box;
  border-radius: 8px;
  border: none;
  width: 120px;
}
.whats-new-modal .button-contain .skip-button {
  background: #ffffff;
  border: 1px solid #C2C2C2;
  color: #5E7482;
}
.whats-new-modal .button-contain .next-button,
.whats-new-modal .button-contain .close-button {
  background: #395FF0;
  color: #ffffff;
}
.ui-modal :not(.login-modal) .modal-content .modal-body .modal-disc {
  padding-bottom: 0px;
}
@media (min-width: 500px) and (max-height: 820px) {
  .whats-new-modal {
    transform: scale(0.75);
    top: 20px;
  }
}
@media (min-width: 500px) and (max-height: 670px) {
  .whats-new-modal .whats-new-container {
    height: 92vh;
    overflow-y: auto;
  }
}
@media (min-width: 1900px) {
  .whats-new-modal {
    transform: scale(0.75);
    top: 40px;
  }
}
@media (min-width: 1980px) {
  .whats-new-modal {
    width: 750px;
    top: 200px;
  }
  .whats-new-modal .whats-new-container .text-contain {
    margin-top: 30px;
    padding-left: 20px;
  }
  .whats-new-modal .whats-new-container .text-contain .text-card {
    margin-bottom: 30px;
    font-size: 18px;
  }
  .whats-new-modal .whats-new-container .text-contain .text-card .card-icon {
    font-size: 14px;
  }
  .whats-new-modal .whats-new-container .text-contain .whats-new-title {
    font-size: 24px;
  }
}
@media (max-width: 720px) {
  .whats-new-modal {
    width: 70%;
    transform: scale(0.8);
  }
}
@media (max-width: 480px) {
  .whats-new-modal {
    width: 80%;
    top: 10%;
  }
  .whats-new-modal .whats-new-container .screenshot-contain img {
    height: 200px;
  }
  .whats-new-modal .whats-new-container .text-contain {
    margin-top: 10px;
    padding-left: 10px;
  }
  .whats-new-modal .whats-new-container .text-contain .text-card {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .whats-new-modal .whats-new-container .text-contain .text-card .card-icon {
    font-size: 10px;
  }
  .whats-new-modal .whats-new-container .text-contain .whats-new-title {
    font-size: 18px;
  }
  .whats-new-modal .whats-new-container .text-contain .whats-new-text {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
  }
  .whats-new-modal .whats-new-container .button-contain {
    font-size: 12px;
  }
  .whats-new-modal .whats-new-container .button-contain .modal-button {
    width: 80px;
    margin: 5px 10px;
  }
}
div[name="_createConnectionModal"] .save-cancel-modal {
  max-width: unset;
  margin: auto;
}
.ui-modal:not(.login-modal) > div[name="apiParamModal"] .modal-content {
  top: 40px;
}
div[name="apiParamModal"] {
  position: unset;
}
div[name="apiParamModal"] .modal-content .modal-header {
  padding-bottom: 20px;
}
div[name="apiParamModal"] .modal-content .modal-header .common-modal-header h2.common-modal-title {
  color: #000000;
  font-family: Roobert Bold, sans-serif;
  line-height: 31px;
}
div[name="apiPayloadModal"].ui-modal .modal-content {
  position: unset;
  padding: 0px;
  border: 0px;
  box-shadow: 0 5px 15px #2a2929;
}
div[name="apiPayloadModal"].ui-modal .modal-content .modal-header {
  display: none;
}
div[name="apiPayloadModal"].ui-modal .modal-content .modal-body {
  padding: 0px;
}
div[name="apiPayloadModal"].ui-modal .modal-content .enumModal {
  margin-top: 0px;
}
div[name="_EditConnectionModal"].ui-modal .modal-content .modal-disc {
  padding-bottom: 30px;
}
.common-modal {
  z-index: 4;
}
.common-modal .modal-content .modal-header {
  padding-bottom: 20px;
}
.common-modal .modal-content .modal-header .common-modal-header h2.common-modal-title {
  font-family: Roobert Bold, sans-serif;
  font-size: 24px;
  line-height: 24px;
  color: #000000;
  flex: none;
  order: 0;
  flex-grow: 0;
}
@media (max-width: 768px) {
  .common-modal .modal-content .modal-header .common-modal-header h2.common-modal-title {
    font-size: 18px;
  }
}
.common-modal .modal-content .modal-header .common-modal-header .common-modal-description {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin-top: 10px;
  letter-spacing: 1%;
}
@media (max-width: 768px) {
  .common-modal .modal-content .modal-header .common-modal-header .common-modal-description {
    font-size: 14px;
    line-height: 24px;
  }
}
.common-modal .modal-content .modal-body form #NEWAPP .expiration-checkbox-container {
  display: flex;
  gap: 14px;
}
.common-modal .modal-content .modal-body form #NEWAPP .checkbox-select-info {
  font-size: 13px;
  font-weight: 400;
  margin-top: 16px;
  color: #000000;
}
.common-modal .modal-content .modal-body form #NEWAPP label span {
  font-weight: bold;
}
.common-modal .modal-content .modal-body form label {
  font-family: Roobert Bold, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}
.common-modal .modal-content .modal-body form hr {
  margin-left: -30px;
  margin-right: -30px;
}
.common-modal .modal-content .modal-body form .alert-error {
  box-sizing: border-box;
  padding: 20px;
  gap: 4px;
  background: #FFDCDE;
  border: 1px solid #CE1518;
  border-radius: 8px;
  align-self: stretch;
  margin-bottom: 20px;
}
.common-modal .modal-content .modal-body form .alert-error svg {
  color: #CE1518;
}
.common-modal .modal-content .modal-body form .alert-error span {
  line-height: 24px;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
  margin-left: 16px;
}
.common-modal .modal-content .modal-body .common-modal-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-end;
  margin-top: 20px;
  border-top: 1px solid #CCCECF;
  padding-top: 20px;
}
@media (max-width: 768px) {
  .common-modal .modal-content .modal-body .common-modal-footer {
    justify-content: space-between;
  }
  .common-modal .modal-content .modal-body .common-modal-footer button {
    width: 45%;
  }
}
.common-modal .product-details-table tr:last-child {
  border-bottom: #ffffff;
}
.common-modal .product-details-table tbody td {
  padding-left: 20px;
  padding-right: 20px;
}
.builder-container {
  position: relative;
}
.builder-container .ui-action-button.btn.btn-default.btn-primary.tutorial-mobile-icon {
  position: absolute;
  z-index: 5;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #395FF0;
  bottom: 20px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 8px rgba(94, 116, 130, 0.5);
  display: none;
  min-width: unset;
  border: unset;
  font-size: 20px;
  outline: none;
}
@media (max-width: 768px) {
  .builder-container .ui-action-button.btn.btn-default.btn-primary.tutorial-mobile-icon {
    display: flex;
  }
}
.builder-container .ui-action-button.btn.btn-default.btn-primary.tutorial-mobile-icon .fa-graduation-cap {
  font-size: 20px;
  color: #ffffff;
}
.builder-container .is-focused:not(.is-open) > .Select-control {
  border: 1px solid #cccccc;
  box-shadow: none;
}
.builder-container.subnav-offset {
  margin-top: 54px;
}
.builder-container .builder-header-edit-mode {
  display: flex;
  flex-direction: row;
  border-bottom: 5px #dde3e8;
  padding-bottom: 23px;
  border-bottom: 1px solid #CACED3;
  padding-top: 5px;
  background-color: #ffffff;
  padding: 20px 100px 20px 52px;
  align-items: center;
}
.builder-container .builder-header-edit-mode .back-button {
  color: #5E7482;
  display: block;
}
.builder-container .builder-header-edit-mode .back-button .fa-arrow-left {
  color: #5E7482;
}
.builder-container .builder-header-edit-mode .btn {
  margin-bottom: unset;
}
.builder-container .builder-header-edit-mode .title {
  width: 82%;
  margin-left: 1.5%;
  margin-right: 5%;
  margin-bottom: 0;
}
.builder-container .builder-header-edit-mode .title .back-button {
  float: left;
  padding-right: 32px;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details .connection-name-icon {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 53.47%;
  padding: 0.41% 0.97%;
  border-radius: 8px;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details .connection-name-icon .edit-connection-icon {
  padding-left: 20px;
  visibility: hidden;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details .connection-name-icon .edit-connection-icon > div > svg {
  width: 0.7em;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details .connection-name-icon .connection-name {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 18px;
  color: #323436;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details .connection-name-icon .connection-name span {
  display: block;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details .connection-name-icon .connection-name span.description {
  font-size: 14px;
  color: #5E7482;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details:hover .connection-name-icon {
  background: #f0f4f6;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details:hover .edit-connection-icon {
  float: right;
  padding-left: 20px;
  visibility: visible;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-decription-details-form {
  display: flex;
  flex-direction: row;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-decription-details-form .close-button {
  float: right;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-decription-details-form .check-button {
  float: right;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-decription-details-form .connection-description-form {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 18px;
  color: #323436;
  float: left;
  width: 100%;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon {
  display: flex;
  flex-direction: row;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .connection-description {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  color: #5E7482;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .edit-connection-icon {
  cursor: pointer;
  padding-left: 20px;
  visibility: visible;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .edit-connection-icon > div > svg {
  width: 0.7em;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-text-field-details {
  display: flex;
  flex-direction: row;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-text-field-details .span-class {
  padding-left: 20px;
  padding-right: 20px;
  color: #5E7482;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-text-field-details .span-class > div > svg {
  color: #5E7482;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-text-field-details .check-button {
  float: right;
  color: #5E7482;
  width: 12.8px;
  height: 9.55px;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-text-field-details .connection-description-form {
  float: left;
  width: 100%;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-text-field-details .connection-description-form > form {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-text-field-details .connection-description-form > form .span-class {
  padding-left: 20px;
  padding-right: 20px;
  color: #5E7482;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-text-field-details .connection-description-form > form .span-class > div > svg {
  color: #5E7482;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-text-field-details .connection-description-form > form .check-button {
  float: right;
  color: #5E7482;
  width: 12.8px;
  height: 9.55px;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-text-field-details .connection-description-form > form .floating-form-group {
  margin-bottom: 0px;
  width: 100%;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details:hover .connection-name-icon {
  background: #f0f4f6;
}
.builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details:hover .edit-connection-icon {
  float: right;
  padding-left: 20px;
  visibility: visible;
}
.builder-container .builder-header-edit-mode .header-crosshairs {
  padding-right: 63px;
  padding-left: 200px;
}
.builder-container .builder-header-edit-mode .seperator-left {
  padding-right: 50px;
}
.builder-container .builder-header-edit-mode .seperator-right {
  padding-right: 50px;
}
.builder-container .builder-header-edit-mode .undo-redo .undo-edit {
  padding-right: 60px;
}
.builder-container .builder-header-edit-mode .redo-edit {
  padding-right: 60px;
}
.builder-container .builder-header-edit-mode .settings {
  padding-right: 63px;
}
.builder-container .builder-header-edit-mode .save-edit {
  display: flex;
}
.builder-container .builder-header-edit-mode .save-edit .ui-action-button.btn.btn-default.btn-primary.start-tutorial-icon {
  display: flex;
  min-width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  margin-right: 37px;
  border-radius: 8px;
  border: none;
  background-color: transparent;
}
.builder-container .builder-header-edit-mode .save-edit .ui-action-button.btn.btn-default.btn-primary.start-tutorial-icon:focus,
.builder-container .builder-header-edit-mode .save-edit .ui-action-button.btn.btn-default.btn-primary.start-tutorial-icon:active,
.builder-container .builder-header-edit-mode .save-edit .ui-action-button.btn.btn-default.btn-primary.start-tutorial-icon:hover {
  border: none;
}
.builder-container .builder-header-edit-mode .save-edit .ui-action-button.btn.btn-default.btn-primary.start-tutorial-icon:hover {
  background: #DDE3E8;
}
.builder-container .builder-header-edit-mode .save-edit .ui-action-button.btn.btn-default.btn-primary.start-tutorial-icon .fa-graduation-cap {
  color: #5E7482;
}
.builder-container .builder-header-edit-mode .save-edit .btn-cover {
  display: flex;
}
.builder-container .builder-header-edit-mode .save-edit .mobile-save-label {
  display: none;
}
.builder-container .builder-header-edit-mode .save-edit .primary-button {
  float: left;
  background-color: #395FF0;
  border-radius: 8px;
  width: 110px;
  height: 38px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #ffffff;
  border: 1px solid #C2C2C2;
  display: block;
  min-width: 100px;
}
.builder-container .builder-header-edit-mode .save-edit .primary-button:disabled {
  background-color: #dde3e8;
  color: #5a5f62;
  border: 1px solid #dde3e8;
}
.builder-container .builder-header-edit-mode .save-edit .secondary-button {
  margin-left: 30px;
  margin-top: 0;
  float: right;
  background-color: transparent;
  border-radius: 2px;
  width: 110px;
  height: 38px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
  border: 1px solid #C2C2C2;
}
.builder-container .headerSadow {
  -webkit-box-shadow: 0px 4px 15px #3c3c3c;
  -moz-box-shadow: 0px 4px 15px #3c3c3c;
  box-shadow: 0 4px 15px #3c3c3c;
  z-index: 2;
  position: relative;
}
.builder-container .edit-nodes-sidepanel {
  margin-left: 0%;
  width: 20%;
  border: 1 px solid #000000;
  z-index: 1;
  height: 100vh;
  position: absolute;
  left: 0px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item {
  height: 100vh;
  display: inline-block;
  width: 100%;
  background-color: #ffffff;
  border-right: 1px solid #dde3e8;
  animation: expand 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}
.builder-container .edit-nodes-sidepanel .side-panel-item .empty-plugins-message {
  padding-left: 20px;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header {
  padding: 30px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-header {
  display: flex;
  margin-bottom: 2px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-header .title-heading {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 18px;
  color: #323436;
  overflow: hidden;
  text-overflow: ellipsis;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-header .close-panel {
  cursor: pointer;
  margin-left: auto;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-message {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
  padding-top: 10px;
  padding-bottom: 24px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-subsection {
  margin-top: 30px;
  padding: 5%;
  background-color: #f7f9fb;
  border: 1px solid #dde3e8;
  border-radius: 6px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-subsection .title-name {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #323436;
  padding-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-subsection .title-description {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
  overflow: scroll;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .trigger-change-message {
  display: flex;
  align-items: center;
  color: #DF5660;
  padding-top: 10px;
  padding-bottom: 24px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .trigger-change-message .text {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  margin-left: 3%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .change-trigger-section {
  display: flex;
  color: #0278B6;
  align-items: center;
  cursor: pointer;
  margin-top: 30px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .change-trigger-section .text {
  margin-left: 3%;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .trigger-details {
  background: #f7f9fb;
  border: 1px solid #dde3e8;
  border-radius: 2px;
  width: 260px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .trigger-details .required-fields {
  padding-top: 15px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .trigger-details .required-fields .required {
  float: left;
  width: 73px;
  height: 20px;
  background-color: #dde3e8;
  border-radius: 10px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 12px;
  text-align: center;
  color: #000000;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .trigger-details .required-fields > span {
  float: left;
  padding-left: 10px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .trigger-details .required-fields > span .type {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 12px;
  text-align: center;
  color: #5a5f62;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .content {
  margin-top: 20%;
  background: #f7f9fb;
  border: 1px solid #dde3e8;
  border-radius: 2px;
  width: 260px;
  height: 96px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .update-trigger {
  padding-top: 20px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger {
  padding-right: 10px;
  width: inherit;
  height: 38px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-control {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #323436;
  padding-left: 10px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-control .Select-clear-zone {
  display: none;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-control .Select-multi-value-wrapper .Select-input {
  padding-left: 0;
  max-width: 200px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-menu-outer {
  width: 95.6%;
  font-size: 14px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-menu-outer .Select-menu {
  max-height: 170px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content {
  padding-left: 34px;
  padding-right: 30px;
  border-top: 1px solid #CACED3;
  padding-top: 20px;
  height: 480px;
  overflow: auto;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-title {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 16px;
  color: #00406e;
  margin-bottom: 28px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-title > span {
  padding-right: 3.2px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-title .icon-color {
  color: #3F64F2;
  font-size: 24px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-title .choose-plugin-title-text {
  color: #395FF0;
  font-size: 16px;
  padding-left: 12px;
  display: inline;
  font-weight: 600;
  vertical-align: top;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-bundle {
  border-left: 1px solid #dde3e8;
  margin-left: 6px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-description {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
  padding-top: 10px;
  padding-bottom: 24px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details {
  padding-bottom: 24px;
  text-align: left;
  margin-left: 24px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-name-select {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-name-select .plugin-trigger-name {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #323436;
  padding-bottom: 5%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 25px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-name-select .plugin-trigger-name:hover {
  border-bottom: 2px solid #000000;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-name-select .selected {
  padding-right: 0px;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-name-select .selected > svg {
  width: 0.75em;
  color: #0278B6;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-trigger-description {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
  overflow: hidden;
  text-overflow: ellipsis;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .trigger-list {
  cursor: pointer;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .displayHide {
  display: none;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .drag-class {
  background-color: #00ffff;
}
.builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content [draggable="true"] {
  cursor: grab;
}
.builder-container .edit-nodes-sidepanel .highlighterSadow {
  -webkit-box-shadow: 0 0 15px #3c3c3c;
  box-shadow: 0 0 15px #3c3c3c;
}
@keyframes expand {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0px);
  }
}
.builder-container .react-flow {
  height: 100vh;
}
.builder-container .react-flow .react-flow__controls {
  position: relative;
  margin-left: calc(93.5% - 65px);
  margin-top: 50px;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.3);
  z-index: 4;
  display: inline-block;
  border-radius: 8px;
}
.builder-container .react-flow .react-flow__controls .react-flow__controls-button {
  width: 30px;
  height: 30px;
  border-bottom: 1px solid #DDE3E8;
}
.builder-container .react-flow .react-flow__controls .react-flow__controls-zoomin {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.builder-container .react-flow .react-flow__controls .react-flow__controls-zoomin {
  border-radius: 6px 6px 0px 0px;
}
.builder-container .react-flow .react-flow__controls .react-flow__controls-zoomout {
  border-radius: 0px 0px 6px 6px;
}
.builder-container .react-flow .tour__controls {
  position: relative;
  float: right;
  margin-top: 30px;
  margin-right: 6.5%;
  background: #ffffff;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 8px rgba(221, 227, 232, 0.9);
  box-shadow: 0px 2px 8px rgba(221, 227, 232, 0.9);
  border-radius: 8px;
  width: 310px;
  z-index: 4;
}
.builder-container .react-flow .tour__controls .tour_header {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 18px;
  color: #323436;
  margin-top: 26px;
  margin-left: 30px;
  display: inline-block;
}
.builder-container .react-flow .tour__controls .tour_skip {
  text-align: right;
  color: #3F64F2;
  cursor: pointer;
  float: right;
  margin-top: 26px;
  display: inline;
  margin-right: 30px;
  font-size: 14px;
  font-weight: 600;
}
.builder-container .react-flow .tour__controls .tour_text {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
  margin-top: 20px;
  margin-left: 30px;
  margin-right: 30px;
}
.builder-container .react-flow .tour__controls .tour_border {
  width: 100%;
  height: 1px;
  background: #dde3e8;
  margin-top: 30px;
}
.builder-container .react-flow .tour__controls .tour-begin {
  margin-top: 20px;
  text-align: right;
  margin-bottom: 20px;
  margin-right: 30px;
}
.builder-container .react-flow .tour__controls .tour-begin button {
  height: 38px;
  width: 120px;
  background: #395FF0;
  color: #ffffff;
  border-radius: 8px;
}
.builder-container .react-flow .tour__controlsSteps {
  position: relative;
  float: right;
  margin-top: 30px;
  margin-right: 6.5%;
  background: #ffffff;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 8px rgba(221, 227, 232, 0.9);
  box-shadow: 0px 2px 8px rgba(221, 227, 232, 0.9);
  border-radius: 8px;
  width: 310px;
  z-index: 4;
}
.builder-container .react-flow .tour__controlsSteps .tour_steps {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
  margin-top: 26px;
  margin-left: 30px;
  width: 149px;
  display: inline-block;
}
.builder-container .react-flow .tour__controlsSteps .tour_skip {
  text-align: right;
  color: #3F64F2;
  cursor: pointer;
  float: right;
  width: 32px;
  margin-top: 26px;
  display: inline;
  margin-right: 30px;
  font-size: 14px;
}
.builder-container .react-flow .tour__controlsSteps .tour_textHeader {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 18px;
  color: #323436;
  margin-top: 20px;
  margin-left: 30px;
  margin-right: 30px;
}
.builder-container .react-flow .tour__controlsSteps .tour_text {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
  margin-top: 20px;
  margin-left: 30px;
  margin-right: 30px;
}
.builder-container .react-flow .tour__controlsSteps .tour_border {
  width: 100%;
  height: 1px;
  background: #dde3e8;
  margin-top: 30px;
}
.builder-container .react-flow .tour__controlsSteps .tour-begin {
  margin-top: 20px;
  float: right;
  margin-bottom: 20px;
  margin-right: 30px;
}
.builder-container .react-flow .tour__controlsSteps .tour-begin button {
  min-width: 120px;
  height: 38px;
  background: #395FF0;
  color: #ffffff;
  border-radius: 8px;
}
.builder-container .react-flow .react-flow__background {
  background-color: #f7f9fb;
  padding-top: 45px;
}
.builder-container .react-flow .react-flow__renderer {
  margin-left: 32.7%;
  margin-top: 1%;
}
.builder-container .react-flow .react-flow__renderer .react-flow__edges > defs .react-flow__arrowhead > polyline {
  stroke: #5E7482;
  fill: #5E7482;
}
.builder-container .react-flow .react-flow__renderer .react-flow__edges .react-flow__edge-path {
  stroke: #5E7482;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode {
  background-color: #ffffff;
  width: 310px;
  cursor: auto;
  border: none;
  border-radius: 8px;
  height: auto;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode.selected .trigger-click {
  border: 2px solid #395FF0;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  -moz-box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  -webkit-box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  border-radius: 8px;
  height: 212px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode.selected .trigger-click.none-border {
  height: auto;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode.selected .trigger-click.none-border .react-flow__handle {
  display: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-unclick {
  height: 212px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-unclick.none-border {
  height: auto;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-unclick.none-border .react-flow__handle {
  display: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-click {
  border: 1px solid #dde3e8;
  -webkit-box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.15);
  -moz-box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.15);
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.15);
  border-radius: 8px;
  height: 212px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-click.none-border {
  height: auto;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-click.none-border .react-flow__handle {
  display: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .none-border {
  border: none;
  border-radius: 8px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .none-border .react-flow__handle {
  border: none;
  background: none;
  width: 0px;
  height: 0px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details {
  cursor: pointer;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .react-flow__handle {
  width: 10px;
  height: 10px;
  border: 2px solid #5E7482;
  box-sizing: border-box;
  background: #f7f9fb;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .react-flow__handle.connectable {
  pointer-events: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .edit-elements {
  margin-top: 20%;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill {
  display: flex;
  flex-direction: row;
  padding-left: 30px;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill .platform {
  float: left;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5a5f62;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 75%;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill .connections-detail-pill {
  background-color: #E5DAFF;
  border-radius: 8px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #6638E7;
  text-align: center;
  padding: 1% 3%;
  width: 92px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill .connections-detail-pill > span {
  margin-right: 6px;
  vertical-align: middle;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill .connections-detail-pill-platform {
  background-color: #f0f4f6;
  border-radius: 8px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5a5f62;
  float: right;
  text-align: center;
  padding: 1% 3%;
  margin-left: 12px;
  width: 103px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill .connections-detail-pill-platform > span {
  margin-right: 6px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill .connections-detail-pill-platform > span > img {
  width: 14px;
  height: 14px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .trigger-name {
  padding-bottom: 12px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #323436;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .trigger-description {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 64px;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 15px;
  height: 50px;
  width: 95%;
  overflow: scroll;
  color: #5E7482;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .empty-trigger-state {
  background-color: #E5DAFF;
  height: 96px;
  display: flex;
  align-items: center;
  padding: 10%;
  border: 2px dashed #A276FF;
  border-radius: 8px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .empty-trigger-state .text {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #323436;
  padding-left: 5%;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .empty-trigger-state span .fa-bolt {
  color: #323436;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode {
  background-color: #ffffff;
  width: 310px;
  cursor: auto;
  border-radius: 8px;
  border: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode.selected .plugin-click {
  border: 2px solid #395FF0;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  -moz-box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  -webkit-box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  border-radius: 8px;
  height: 212px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode.selected .plugin-click.none-border {
  height: auto;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode.selected .plugin-click.none-border .react-flow__handle {
  border: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode.selected .plugin-click .react-flow__handle {
  border: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-click {
  border: 1px solid #dde3e8;
  -webkit-box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.15);
  -moz-box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.15);
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.15);
  border-radius: 8px;
  height: 212px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-click.none-border {
  height: auto;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-click.none-border .react-flow__handle {
  border: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .none-border {
  border: none;
  border-radius: 8px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .cursor-pointer {
  cursor: pointer;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .react-flow__handle {
  background: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .react-flow__handle.connectable {
  pointer-events: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .edit-elements {
  margin-top: 20%;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .Type-pill {
  display: flex;
  flex-direction: row;
  padding-left: 30px;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .Type-pill .connections-detail-pill {
  text-align: center;
  background-color: #FFEEBE;
  border-radius: 8px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #8A6600;
  padding: 1% 3%;
  width: 85px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .Type-pill .connections-detail-pill > span {
  margin-right: 6px;
  vertical-align: middle;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .Type-pill .connections-detail-pill-platform {
  background-color: #dde3e8;
  border-radius: 8px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5a5f62;
  float: right;
  text-align: center;
  padding: 1% 3%;
  margin-left: 12px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .Type-pill .connections-detail-pill-platform > span {
  margin-right: 6px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .Type-pill .connections-detail-pill-platform > span > img {
  width: 14px;
  height: 14px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .trigger-name {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 18px;
  color: #323436;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 12px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .trigger-description {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 64px;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
  height: 80px;
  overflow: scroll;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .empty-plugin-state {
  background-color: #FFEEBE;
  height: 96px;
  display: flex;
  align-items: center;
  padding-left: 10%;
  border: 2px dashed #ffc627;
  border-radius: 8px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .empty-plugin-state .text {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #323436;
  padding-left: 5%;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .plugin-hover {
  display: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .plugin-hover .actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: absolute;
  width: 40px;
  height: max-content;
  right: 6px;
  top: 6px;
  background: #1F2629;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .plugin-hover .actions .separator {
  width: 40px;
  height: 1px;
  background: #000000;
  flex: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .plugin-hover .actions .icons {
  cursor: pointer;
  width: 20px;
  height: 20px;
  color: #ffffff;
  flex: none;
  position: relative;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .plugin-hover .actions .icons .tooltiptext {
  visibility: hidden;
  position: absolute;
  text-align: center;
  border-radius: 6px;
  z-index: 55;
  opacity: 0;
  transition: opacity 0.3s;
  top: -10px;
  left: 47px;
  font-size: 13px;
  padding: 8px 12px;
  box-shadow: 0px 2px 10px 0px #5e748226;
  width: max-content;
  background: #1F2629;
  color: #ffffff;
  max-width: 300px;
  word-break: break-all;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .plugin-hover .actions .icons .tooltiptext.tooltiptheme {
  margin-left: -74px;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .plugin-hover .actions .icons .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
  border-right: 5px solid #1F2629;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .plugin-hover .actions .icons:hover,
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .plugin-hover .actions .plugin-icons:hover {
  color: #FFC627;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .plugin-hover .actions .icons:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .plugin-hover .actions .ui-action-icon .default {
  color: #ffffff;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .plugin-hover .actions .plugin-icons {
  min-width: unset;
  padding: 0px 10px;
  border: unset;
  background: #1F2629;
  font-size: 18px;
  outline: none;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details:hover .plugin-hover {
  display: block;
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-default .selectible :hover {
  border: 1px solid #395FF0;
}
.builder-container .react-flow.no-cursor {
  cursor: default;
}
.builder-container .react-flow__attribution {
  display: none;
}
.builder-container .heading {
  width: 196px;
  text-align: right;
}
.builder-container .product {
  padding-right: 44px;
}
.save-cancel-modal {
  max-width: 550px;
  margin: 100px auto;
}
.save-cancel-modal .modal-body {
  padding: 0px 30px 29.5px 30px;
}
.save-cancel-modal .modal-body .floating-label {
  display: none;
}
.save-cancel-modal .modal-header button.close {
  color: gray;
  opacity: 1;
}
.save-cancel-modal .builder-modal-header {
  padding: 15px 15px 10px 15px;
}
.save-cancel-modal .builder-modal-header h2.builder-modal-title {
  font-weight: 600;
  color: #00406e;
  font-style: normal;
  font-size: 22px;
}
.save-cancel-modal .builder-modal-description {
  font-family: Roobert, sans-serif;
  padding: 15px 0px 2.5px;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
}
.save-cancel-modal .modal-footer {
  margin-right: 0px;
  margin-left: 0px;
  border-top: 1px solid #dde3e8;
}
.save-cancel-modal .modal-footer .builder-modal-footer {
  padding: 0px 15px;
  display: flex;
  float: right;
}
.save-cancel-modal .modal-footer .builder-modal-footer .app-button-primary {
  background: #395FF0;
  border: 1px solid #395FF0;
  color: #ffffff;
  box-sizing: border-box;
  border-radius: 8px;
  width: fit-content;
  height: 38px;
  display: inline-block;
}
.save-cancel-modal .modal-footer .builder-modal-footer .app-button-secondary {
  background: #ffffff;
  border: 1px solid #C2C2C2;
  box-sizing: border-box;
  border-radius: 8px;
  width: fit-content;
  height: 38px;
  color: #000000;
  display: inline-block;
  margin-bottom: 0;
}
.save-cancel-modal .modal-footer .builder-modal-footer > button {
  min-width: 100px;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
}
.save-cancel-modal .modal-footer .builder-modal-footer .app-button-secondary + .app-button-primary {
  margin-left: 20px;
  margin-top: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 2;
  top: 0;
}
.ui-modal .modal-content .modal-body .form-label {
  font-size: 14px;
  font-weight: 600;
  color: #5a5f62;
}
.noConnection {
  width: 500px;
  height: 229px;
  margin: 100px auto;
}
.noConnection .modal-content {
  box-shadow: none;
}
.noConnection .modal-header button.close {
  color: #5a5f62;
  opacity: 1;
}
.noConnection .builder-modal-header {
  padding: 15px 15px 10px 15px;
}
.noConnection .builder-modal-header > h2 .builder-modal-title {
  color: #00406e;
  font-size: 22px;
  font-style: normal;
  font-family: Roobert Medium, sans-serif;
}
.noConnection .builder-modal-description {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
}
.noConnection .modal-footer .builder-modal-footer {
  padding: 0px 15px 15px 15px;
  display: flex;
}
.noConnection .modal-footer .builder-modal-footer .app-button-primary {
  background: #395FF0;
  color: #ffffff;
  border: 1px solid #395FF0;
  box-sizing: border-box;
  border-radius: 2px;
  width: 100px;
  height: 38px;
}
.noConnection .modal-footer .builder-modal-footer .app-button-secondary {
  background: #ffffff;
  border: 1px solid #C2C2C2;
  box-sizing: border-box;
  border-radius: 8px;
  width: 100px;
  height: 38px;
  color: #000000;
}
.noConnection .modal-footer .builder-modal-footer > button {
  min-width: 100px;
}
.noConnection .modal-footer .builder-modal-footer .app-button-secondary + .app-button-primary {
  margin-left: 20px;
}
 > canvas {
  position: absolute;
  left: -100%;
  border: 1px solid #7a3232;
}
.common-mixin {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 20px;
  height: 60px;
  border-radius: 8px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.grid-cover {
  margin-bottom: 80px;
}
.grid-display {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;
  background: #ffffff;
  border-radius: 8px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: Roobert, sans-serif;
}
.grid-display .checkbox {
  display: flex;
  align-self: center;
  margin: 0;
}
.grid-display .toolbar-icon {
  width: 100%;
  text-align: left;
  display: inline-block;
  position: relative;
}
.grid-display .toolbar-icon.action {
  width: auto;
  position: relative;
  text-align: center;
}
.grid-display .toolbar-icon.action .tooltiptext {
  left: 0;
  right: 0;
  margin: auto;
}
.grid-display .toolbar-icon.action .tooltiptext.tooltiptheme {
  margin-left: -26px;
}
.grid-display .toolbar-icon.action .tooltiptext.AddtoConnection {
  margin-left: -50px;
}
.grid-display .toolbar-icon.action img {
  height: 16px;
}
.grid-display .toolbar-icon.subscribe .tooltiptext.tooltiptheme {
  margin-left: -34px;
}
.grid-display .toolbar-icon .tooltiptext {
  visibility: hidden;
  position: absolute;
  text-align: center;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  bottom: 35PX;
  left: 10%;
  margin-left: -60px;
  font-size: 13px;
  padding: 8px 12px;
  box-shadow: 0px 2px 10px 0px #5e748226;
  width: max-content;
  background: #1F2629;
  color: #ffffff;
  max-width: 300px;
  min-width: 88px;
  word-break: break-word;
}
.grid-display .toolbar-icon .tooltiptext.tooltiptheme {
  margin-left: -74px;
}
.grid-display .toolbar-icon .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #1F2629;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.grid-display .toolbar-icon:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.grid-display .ui-toggle-control .ui-toggle-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 23px;
  margin-bottom: 10px;
}
.grid-display .ui-toggle-control .ui-toggle-switch input:checked + .toggle-slider {
  background-color: #028053;
  background-image: url(/images/marketplace/toggle-check-0d6b3c674d7e07f669c9ae911951825d.svg);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.grid-display .ui-toggle-control .ui-toggle-switch input:checked + .toggle-slider:before {
  background-color: #ffffff;
  left: -7px;
}
.grid-display .ui-toggle-control .ui-toggle-switch .toggle-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.grid-display .ui-toggle-control .ui-toggle-switch .toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #8995AB;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 30px;
  background-image: url(/images/marketplace/toggle-minus-59e041b9ac7e43ee3b94d0b5fc4272e3.svg);
  background-repeat: no-repeat;
  background-position: 25px 10px;
}
.grid-display .header-area {
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #DDE3E8;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 20px;
  height: 60px;
  border-radius: 8px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  align-items: flex-start;
}
.grid-display .header-area .toggle-form {
  margin-bottom: -10px;
}
.grid-display .header-area .toggle-form .form-group {
  margin-bottom: 0px;
}
.grid-display .header-area .content-1 .title,
.grid-display .header-area .content-2 .title,
.grid-display .header-area .content-3 .title,
.grid-display .header-area .content-4 .title {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
}
.grid-display .header-area .content-2,
.grid-display .header-area .content-3,
.grid-display .header-area .content-4 {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.grid-display .header-area .content-1 {
  flex: 2;
}
.grid-display .header-area .btn {
  font-size: 15px;
  font-weight: 600;
  color: #5E7482;
}
.grid-display .odd {
  background: #ffffff;
}
.grid-display .even {
  background: #f9f9f9;
}
.grid-display .content-area {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 20px;
  height: 60px;
  border-radius: 8px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  align-items: flex-start;
}
.grid-display .content-area .toggle-wrapper {
  display: flex;
  justify-content: center;
  align-self: center;
}
.grid-display .content-area .toggle-form .form-group {
  margin-bottom: 0px;
}
.grid-display .content-area .toggle-form .form-group .ui-toggle-control.ui-toggle-switch {
  margin-bottom: 0px;
}
.grid-display .content-area:hover {
  background: linear-gradient(269.95deg, #E8F0FE 47.92%, rgba(232, 240, 254, 0) 99.96%);
}
.grid-display .content-area:hover .content-area-overlay-wrapper .content-area-overlay {
  display: flex;
}
.grid-display .content-area:hover .grid-class-out {
  display: none;
}
.grid-display .content-area .checkbox {
  z-index: 2;
}
.grid-display .content-area .content-1,
.grid-display .content-area .content-2,
.grid-display .content-area .content-3,
.grid-display .content-area .content-4 {
  flex: 1;
}
.grid-display .content-area .content-1 .title,
.grid-display .content-area .content-2 .title,
.grid-display .content-area .content-3 .title,
.grid-display .content-area .content-4 .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.grid-display .content-area .content-1 .title .text,
.grid-display .content-area .content-2 .title .text,
.grid-display .content-area .content-3 .title .text,
.grid-display .content-area .content-4 .title .text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.grid-display .content-area .content-1 .title.toolbar-icon,
.grid-display .content-area .content-2 .title.toolbar-icon,
.grid-display .content-area .content-3 .title.toolbar-icon,
.grid-display .content-area .content-4 .title.toolbar-icon {
  overflow: visible;
}
.grid-display .content-area .content-1 .title.toolbar-icon > span:first-child,
.grid-display .content-area .content-2 .title.toolbar-icon > span:first-child,
.grid-display .content-area .content-3 .title.toolbar-icon > span:first-child,
.grid-display .content-area .content-4 .title.toolbar-icon > span:first-child {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.grid-display .content-area .content-1.add-zindex,
.grid-display .content-area .content-2.add-zindex,
.grid-display .content-area .content-3.add-zindex,
.grid-display .content-area .content-4.add-zindex {
  z-index: 2;
}
.grid-display .content-area .content-1 {
  flex: 2;
  align-self: center;
}
.grid-display .content-area .content-1 .title {
  overflow: visible;
  padding-right: 30px;
}
.grid-display .content-area .content-3 .title span {
  display: flex;
  align-items: center;
}
.grid-display .content-area .content-4 .title {
  flex: 2;
}
.grid-display .content-area .content-area-overlay-wrapper {
  position: relative;
  display: flex;
  align-self: center;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay {
  display: none;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay .grid-action-items {
  display: flex;
  align-items: center;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay .grid-action-items .toggle-form {
  margin-bottom: -10px;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay .grid-action-items .toggle-form .form-group {
  margin-bottom: 0px;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay .grid-action-items .toggle-form .form-group .ui-toggle-control.ui-toggle-switch {
  margin-bottom: -6px;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay .grid-action-items span {
  display: block;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div > span {
  margin-right: 16px;
  width: 28px;
  border-radius: 8px;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div > span .svg-inline--fa {
  font-size: 16px;
  color: #395FF0;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div > span .img-icon {
  width: 28px;
  height: 28px;
  display: block;
  border-radius: 8px;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div > span .img-icon.add-to-connection {
  background: url(/images/icons/conditional-plus-b400bd073f451769115a17958f572479.svg) no-repeat center center;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div > span .img-icon.promote-icon {
  background: url(/images/icons/arrow-up-alt-1a20abae4a6d2ed00436f4a488bad231.svg) no-repeat center center;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div > span:hover {
  background: #395FF0;
  cursor: pointer;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div > span:hover .svg-inline--fa {
  color: #ffffff;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div > span:hover .img-icon.add-to-connection {
  background: url(/images/icons/conditional-plus-white-da8411458ca729b2b81a2c8f2b973309.svg) no-repeat center center;
}
.grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div > span:hover .img-icon.promote-icon {
  background: url(/images/icons/arrow-up-alt-white-b6fc92488f96b9566b87e95905769072.svg) no-repeat center center;
}
.grid-display .content-area .content-1 .title {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
}
.grid-display .content-area .content-2 .title {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
}
.grid-display .content-area .content-2,
.grid-display .content-area .content-3,
.grid-display .content-area .content-4 {
  display: flex;
  justify-content: space-between;
  align-self: center;
  gap: 0.5px;
  align-items: center;
}
.grid-display .content-area .content-2 .title,
.grid-display .content-area .content-3 .title,
.grid-display .content-area .content-4 .title {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
}
.grid-display .content-area .content-2 .title.platform,
.grid-display .content-area .content-3 .title.platform,
.grid-display .content-area .content-4 .title.platform {
  background-color: #E5DAFF;
  border-radius: 8px;
  color: #6F52AD;
  height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 10px;
  gap: 4px;
}
.grid-display .content-area .content-2 .title.platform .svg-inline--fa,
.grid-display .content-area .content-3 .title.platform .svg-inline--fa,
.grid-display .content-area .content-4 .title.platform .svg-inline--fa {
  overflow: visible;
  width: 11px;
  margin-right: 5.4px;
}
.grid-display .content-area .content-2 .title.platform span > span,
.grid-display .content-area .content-3 .title.platform span > span,
.grid-display .content-area .content-4 .title.platform span > span {
  font-weight: 600;
  font-size: 14px;
}
.grid-display .content-area .content-4 .tag-beta,
.grid-display .content-area .content-4 .tag-uat {
  padding: 4px 10px;
  width: 51px;
  background: #E8F0FE;
  border-radius: 8px;
  color: #395FF0;
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
}
.grid-display .content-area .content-4 .tag-beta .title,
.grid-display .content-area .content-4 .tag-uat .title {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
}
.grid-display .content-area .content-4 .tag-prod {
  padding: 4px 10px;
  width: 55px;
  background: #E7FADB;
  border-radius: 8px;
  color: #028053;
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
}
.grid-display .content-area .content-4 .tag-prod .title {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
}
.grid-display .show-up-fa {
  margin-left: 5px;
}
.grid-display .show-up-fa .fa-long-arrow-alt-down {
  display: none;
}
.grid-display .show-down-fa {
  color: #3F64F2;
  margin-left: 5px;
}
.grid-display .show-down-fa .fa-long-arrow-alt-up {
  display: none;
}
.grid-display .btn-link {
  padding: 0px;
  text-decoration: none;
}
.grid-display .connection-click-theme {
  color: #3F64F2;
}
.grid-display .connection-click-theme .fa-long-arrow-alt-down {
  display: none;
}
.grid-display .ui-action-link.btn.btn-link:focus,
.grid-display .ui-action-link.btn > img:focus,
.grid-display .ui-action-link.btn.btn-link:hover,
.grid-display .ui-action-link.btn > img:hover,
.grid-display .ui-action-link.btn.btn-link:active,
.grid-display .ui-action-link.btn > img:active,
.grid-display .ui-action-link.btn.btn-link:focus:active,
.grid-display .ui-action-link.btn > img:focus:active {
  color: #3F64F2;
}
@media (max-width: 1440px) {
  .grid-display .content-area .toggle-wrapper {
    justify-content: space-around;
  }
}
.toolbar-icon {
  width: 100%;
  text-align: left;
  display: inline-block;
  position: relative;
}
.toolbar-icon.action {
  width: auto;
  position: relative;
}
.toolbar-icon.action .tooltiptext {
  left: 0;
  right: 0;
  margin: auto;
}
.toolbar-icon.action .tooltiptext.tooltiptheme {
  margin-left: -26px;
}
.toolbar-icon.subscribe .tooltiptext.tooltiptheme {
  margin-left: -34px;
}
.toolbar-icon .tooltiptext {
  visibility: hidden;
  position: absolute;
  text-align: center;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  bottom: 35PX;
  left: 10%;
  margin-left: -60px;
  font-size: 13px;
  padding: 8px 12px;
  box-shadow: 0px 2px 10px 0px #5e748226;
  width: max-content;
  background: #1F2629;
  color: #ffffff;
  max-width: 300px;
  word-break: break-all;
}
.toolbar-icon .tooltiptext.tooltiptheme {
  margin-left: -74px;
}
.toolbar-icon .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #1F2629;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.toolbar-icon:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 1120px) {
  .grid-display .header-area .content-1,
  .grid-display .content-area .content-1 {
    flex: 1;
  }
  .grid-display .header-area .content-4,
  .grid-display .content-area .content-4 {
    flex: 2;
  }
  .grid-display .header-area .content-4.flex-1,
  .grid-display .content-area .content-4.flex-1 {
    flex: 1;
  }
  .grid-cover {
    margin-bottom: 30px;
  }
  .grid-wrapper {
    overflow: auto;
  }
  .grid-display {
    min-width: 917px;
  }
  .grid-display .content-area:hover {
    background: transparent;
  }
  .grid-display .content-area .content-1 .title {
    max-width: 150px;
  }
  .grid-display .content-area .content-area-overlay-wrapper .content-area-overlay {
    display: block;
  }
}
@media (max-width: 480px) {
  .grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div > span .svg-inline--fa {
    color: #5E7482;
  }
  .grid-display .content-area:hover {
    background: linear-gradient(269.95deg, #E8F0FE 47.92%, rgba(232, 240, 254, 0) 99.96%);
  }
  .grid-display .content-area:hover .content-area-overlay div > span .svg-inline--fa {
    color: #395FF0;
  }
}
@media (min-width: 2160px) {
  .grid-display .toolbar-icon.action img {
    width: 28px;
    height: 28px;
  }
  .grid-display .content-area {
    height: auto;
    padding: 28px 16px;
  }
  .grid-display .content-area .content-1 .title,
  .grid-display .content-area .content-2 .title,
  .grid-display .content-area .content-3 .title,
  .grid-display .content-area .content-4 .title {
    font-size: 24px;
    line-height: normal;
  }
  .grid-display .content-area .content-1 .title.platform,
  .grid-display .content-area .content-2 .title.platform,
  .grid-display .content-area .content-3 .title.platform,
  .grid-display .content-area .content-4 .title.platform {
    height: auto;
    padding: 8px 16px;
  }
  .grid-display .content-area .content-1 .title.platform span span,
  .grid-display .content-area .content-2 .title.platform span span,
  .grid-display .content-area .content-3 .title.platform span span,
  .grid-display .content-area .content-4 .title.platform span span {
    font-size: 24px;
  }
  .grid-display .content-area .content-1 .title.platform .svg-inline--fa,
  .grid-display .content-area .content-2 .title.platform .svg-inline--fa,
  .grid-display .content-area .content-3 .title.platform .svg-inline--fa,
  .grid-display .content-area .content-4 .title.platform .svg-inline--fa {
    width: 24px;
    margin-right: 12.5px;
  }
  .grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div span {
    margin-right: 28px;
  }
  .grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div span .svg-inline--fa {
    font-size: 24px;
  }
  .grid-display .header-area {
    height: auto;
    padding: 28px 20px;
  }
  .grid-display .header-area .btn {
    font-size: 24px;
  }
}
@media (min-width: 3840px) {
  .grid-display .toolbar-icon.action img {
    width: 28px;
  }
  .grid-display .content-area {
    height: auto;
    padding: 48px 20px;
  }
  .grid-display .content-area .content-1 .title,
  .grid-display .content-area .content-2 .title,
  .grid-display .content-area .content-3 .title,
  .grid-display .content-area .content-4 .title {
    font-size: 40px;
    line-height: normal;
  }
  .grid-display .content-area .content-1 .title.platform,
  .grid-display .content-area .content-2 .title.platform,
  .grid-display .content-area .content-3 .title.platform,
  .grid-display .content-area .content-4 .title.platform {
    height: auto;
    padding: 8px 16px;
  }
  .grid-display .content-area .content-1 .title.platform span span,
  .grid-display .content-area .content-2 .title.platform span span,
  .grid-display .content-area .content-3 .title.platform span span,
  .grid-display .content-area .content-4 .title.platform span span {
    font-size: 38px;
  }
  .grid-display .content-area .content-1 .title.platform .svg-inline--fa,
  .grid-display .content-area .content-2 .title.platform .svg-inline--fa,
  .grid-display .content-area .content-3 .title.platform .svg-inline--fa,
  .grid-display .content-area .content-4 .title.platform .svg-inline--fa {
    width: 24px;
    margin-right: 12.5px;
  }
  .grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div span {
    margin-right: 28px;
  }
  .grid-display .content-area .content-area-overlay-wrapper .content-area-overlay div span .svg-inline--fa {
    font-size: 32px;
  }
  .grid-display .header-area {
    height: auto;
    padding: 48px 20px;
  }
  .grid-display .header-area .btn {
    font-size: 40px;
  }
}
.custom-box-generator,
.custom-box-api-generator {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 36px;
}
@media (max-width: 1199px) {
  .custom-box-generator,
  .custom-box-api-generator {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .custom-box-generator,
  .custom-box-api-generator {
    grid-template-columns: 1fr;
  }
}
.custom-box-generator .language-top-box,
.custom-box-api-generator .language-top-box {
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #ffffff;
  color: #00406e;
  border-radius: 8px;
  text-align: center;
}
.custom-box-generator .language-top-box .language-box-button,
.custom-box-api-generator .language-top-box .language-box-button {
  background: transparent;
  width: 100%;
  border: none;
  padding: 0;
}
.custom-box-generator .language-top-box .download-progress-label,
.custom-box-api-generator .language-top-box .download-progress-label {
  border: 1px solid #3F64F2;
  color: #3F64F2;
}
.custom-box-generator .language-top-box .language-box,
.custom-box-api-generator .language-top-box .language-box {
  position: relative;
  background-color: #ffffff;
  color: #00406e;
  border: 1px solid #dde3e8;
  text-align: center;
  box-shadow: 0px 2px 10px 0px #5e748226;
  padding: 30px;
}
.custom-box-generator .language-top-box .language-box.language-box-openapi,
.custom-box-api-generator .language-top-box .language-box.language-box-openapi {
  padding: 0;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
}
.custom-box-generator .language-top-box .language-box.language-box-openapi .downloadAPIText,
.custom-box-api-generator .language-top-box .language-box.language-box-openapi .downloadAPIText {
  position: relative;
  top: auto;
  flex: 1;
  padding: 8px 30px 0;
}
.custom-box-generator .language-top-box .language-box.language-box-openapi .downloadLink-openapi,
.custom-box-api-generator .language-top-box .language-box.language-box-openapi .downloadLink-openapi {
  top: auto;
  margin-top: auto;
  padding: 0px 30px 20px;
}
@media (max-width: 991px) {
  .custom-box-generator .language-top-box .language-box.language-box-openapi .downloadLink-openapi,
  .custom-box-api-generator .language-top-box .language-box.language-box-openapi .downloadLink-openapi {
    padding-top: 8px;
  }
}
@media (max-width: 768px) {
  .custom-box-generator .language-top-box .language-box,
  .custom-box-api-generator .language-top-box .language-box {
    padding: 24px;
  }
}
.custom-box-generator .language-top-box .language-box .devicon-icon,
.custom-box-api-generator .language-top-box .language-box .devicon-icon {
  color: #395FF0;
  position: absolute;
  bottom: 124px;
  width: 70px;
}
@media (max-width: 768px) {
  .custom-box-generator .language-top-box .language-box .devicon-icon,
  .custom-box-api-generator .language-top-box .language-box .devicon-icon {
    width: 50px;
  }
}
.custom-box-generator .language-top-box .language-box .downloadText,
.custom-box-api-generator .language-top-box .language-box .downloadText {
  position: absolute;
  top: 52%;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
}
.custom-box-generator .language-top-box .language-box .downloadAPIText,
.custom-box-api-generator .language-top-box .language-box .downloadAPIText {
  font-size: 20px;
  position: absolute;
  font-family: Roobert, sans-serif;
  font-style: normal;
  top: 48%;
  padding: 0px 30px 0px 30px;
  text-align: left;
  line-height: 24px;
}
.custom-box-generator .language-top-box .language-box .label-color-blue,
.custom-box-api-generator .language-top-box .language-box .label-color-blue {
  color: #000000;
}
.custom-box-generator .language-top-box .language-box .label-color-gray,
.custom-box-api-generator .language-top-box .language-box .label-color-gray {
  color: #9ea5af;
}
.custom-box-generator .language-top-box .language-box .download-label-color-blue,
.custom-box-api-generator .language-top-box .language-box .download-label-color-blue {
  color: #3F64F2;
}
.custom-box-generator .language-top-box .language-box .download-label-color-gray,
.custom-box-api-generator .language-top-box .language-box .download-label-color-gray {
  color: #9ea5af;
}
.custom-box-generator .language-top-box .language-box .download-label-color-titlegray,
.custom-box-api-generator .language-top-box .language-box .download-label-color-titlegray {
  color: #3F64F2;
  transition-duration: 300ms;
}
.custom-box-generator .language-top-box .language-box .downloadLink,
.custom-box-api-generator .language-top-box .language-box .downloadLink {
  top: 68%;
}
.custom-box-generator .language-top-box .language-box .downloadLink-openapi,
.custom-box-api-generator .language-top-box .language-box .downloadLink-openapi {
  top: 19%;
  padding-left: 30px;
}
@media (max-width: 991px) {
  .custom-box-generator .language-top-box .language-box .downloadLink-openapi,
  .custom-box-api-generator .language-top-box .language-box .downloadLink-openapi {
    padding-top: 8px;
    top: 29%;
  }
}
.custom-box-generator .language-top-box .language-box .downloadLink,
.custom-box-api-generator .language-top-box .language-box .downloadLink,
.custom-box-generator .language-top-box .language-box .downloadLink-openapi,
.custom-box-api-generator .language-top-box .language-box .downloadLink-openapi {
  position: relative;
  height: 23%;
  box-sizing: border-box;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: justify;
  width: max-content;
  margin-top: 20px;
}
.custom-box-generator .language-top-box .language-box .downloadLink:hover,
.custom-box-api-generator .language-top-box .language-box .downloadLink:hover,
.custom-box-generator .language-top-box .language-box .downloadLink-openapi:hover,
.custom-box-api-generator .language-top-box .language-box .downloadLink-openapi:hover,
.custom-box-generator .language-top-box .language-box .download-label-color-titlegray:hover,
.custom-box-api-generator .language-top-box .language-box .download-label-color-titlegray:hover {
  text-decoration-line: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
.custom-box-generator .language-top-box .language-box .package-icon,
.custom-box-api-generator .language-top-box .language-box .package-icon {
  padding: 12px;
  border-radius: 6px;
  font-size: 36px;
  width: 50px;
  height: 50px;
  color: #ffffff;
  background-color: #692C8F;
}
.custom-box-generator .language-top-box .language-box .package-icon-gray,
.custom-box-api-generator .language-top-box .language-box .package-icon-gray {
  filter: grayscale(1);
}
.custom-box-generator .language-top-box .language-box .package-icon-div,
.custom-box-api-generator .language-top-box .language-box .package-icon-div {
  text-align: left;
  padding: 24px 0px 30px 30px;
}
.custom-box-generator .language-top-box .language-box-div,
.custom-box-api-generator .language-top-box .language-box-div {
  height: 220px;
  overflow: hidden;
}
.custom-box-generator .language-top-box .download-show-label,
.custom-box-api-generator .language-top-box .download-show-label {
  border: 1px solid #dde3e8;
  cursor: pointer;
}
.custom-box-generator .language-top-box .download-hide-label,
.custom-box-api-generator .language-top-box .download-hide-label {
  color: #00406e;
  border: 1px solid #dde3e8;
  cursor: auto;
}
.custom-box-generator .language-top-box .download-show-label:hover .devicon-icon,
.custom-box-api-generator .language-top-box .download-show-label:hover .devicon-icon {
  color: #4BCD3E;
  opacity: 1;
  transform: translateY(0px);
}
.custom-box-generator .download-progress-div,
.custom-box-api-generator .download-progress-div {
  padding: 0px 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: left;
}
.custom-box-generator .download-progress-div .progress-outer-div,
.custom-box-api-generator .download-progress-div .progress-outer-div {
  background-color: #E8F0FE;
  border-radius: 6px;
  position: relative;
  height: 6px;
}
.custom-box-generator .download-progress-div .progress-inner-div,
.custom-box-api-generator .download-progress-div .progress-inner-div {
  background-color: #048A81;
  height: 6px;
  width: 0%;
  border-radius: 6px;
}
.custom-box-generator .download-progress-div .progress-running-outer-div,
.custom-box-api-generator .download-progress-div .progress-running-outer-div {
  height: 6px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  background-color: #048A81;
}
.custom-box-generator .download-progress-div .progress-running-inner-div,
.custom-box-api-generator .download-progress-div .progress-running-inner-div {
  position: absolute;
  width: calc(100% * 1/7);
  height: 6px;
  display: flex;
  animation: move 1s linear infinite;
  background-color: #E8F0FE;
  margin: 0px 0px 0px 50px;
}
.custom-box-generator .sdk-download,
.custom-box-api-generator .sdk-download {
  bottom: 20px;
}
@keyframes move {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(calc(7/2*100%), 0);
  }
}
.devresources-instructions .title {
  font-family: Roobert Light, sans-serif;
  font-size: 48px;
  line-height: 64px;
  color: #000000;
  margin-bottom: 26px;
}
.devresources-instructions .subtitle {
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 60px;
}
@media (max-width: 1199px) {
  .devresources-instructions .title {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .devresources-instructions .subtitle {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 30px;
  }
}
.common-tab-container {
  border-bottom: none;
  padding-bottom: 14px;
}
.common-tab-container.nav-tabs .nav-item:not(:last-child) {
  padding-right: 30px;
}
.common-tab-container.nav-tabs .nav-link {
  border: none;
  color: #000000;
  padding-bottom: 12px;
  background-color: transparent;
}
.common-tab-container.nav-tabs .nav-link.active {
  color: #048A81;
  border-bottom: #048A81 4px solid;
}
.common-tab-container.nav-tabs .nav-link:hover {
  border-bottom: #048A81 4px solid;
}
.common-tab-container button.nav-link[data-rr-ui-event-key="USERS"] {
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  line-height: 22px;
  letter-spacing: 0.2px;
  text-transform: none;
}
.common-tab-container.no-bottom-padding {
  padding-bottom: 2px;
}
.common-tab-container.button-variant {
  margin-left: auto;
  padding-bottom: 4px;
  font-size: 16px;
}
.common-tab-container.button-variant.nav-tabs .nav-link {
  border: 1px solid #C2C2C2;
  border-radius: 8px ;
  color: #000000;
  padding-bottom: 0;
  padding: 4px 10px;
}
.common-tab-container.button-variant.nav-tabs .nav-link.active {
  color: #395FF0;
  border: 1px solid #395FF0;
  background-color: #E8F0FE;
}
#auth-emulator {
  padding: 1.5% 8% 8% 8%;
  min-height: calc(100vh - 675px);
}
@media (max-width: 1199px) {
  #auth-emulator {
    padding: 1.5% 3% 4% 3%;
  }
}
#auth-emulator .auth-emulator-subtitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: #323436;
  font-family: Roobert Bold, sans-serif;
  font-size: 22px;
}
#auth-emulator .auth-emulator-subtitle p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #5E7482;
  padding-top: 10px;
  font-family: Roobert Medium, sans-serif;
}
#auth-emulator .auth-emulator-divider {
  margin-top: 30px;
  background-color: #dde3e8;
  height: 1px;
  margin-bottom: 30px;
}
#auth-emulator .auth-emulator-heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 24px;
  margin-bottom: 18px;
}
#auth-emulator .auth-emulator-heading #runRequest {
  min-width: 120px;
  min-height: 36px;
  margin-left: 10px;
  vertical-align: middle;
}
#auth-emulator .auth-emulator-heading .auth-emulator-action-buttons #showCode {
  min-width: 120px;
  max-width: 120px;
  border: none;
  min-height: 36px;
  margin: 0px 0px 0px 10px;
  vertical-align: middle;
  color: #395FF0;
}
#auth-emulator .auth-emulator-heading .auth-emulator-action-buttons #showCode svg {
  margin-left: 8px;
  font-size: 16px;
}
#auth-emulator .auth-emulator-heading .auth-emulator-subtitle a .sys-solid-fa-filter {
  background: #395FF0;
  color: #ffffff;
  padding: 5px;
  border-radius: 8px;
}
#auth-emulator .auth-emulator-heading .auth-emulator-subtitle a.collapsed .sys-solid-fa-filter {
  background: none;
  color: #5E7482;
}
#auth-emulator .auth-emulator-heading .auth-emulator-subtitle a.collapsed .sys-solid-fa-filter:hover {
  background: #f0f4f6;
}
#auth-emulator .auth-emulator-heading .auth-emulator-subtitle a.collapsed .sys-solid-fa-filter:active {
  background: #DDE3E8;
}
#auth-emulator .auth-emulator-heading .auth-emulator-subtitle a.collapsed .sys-solid-fa-filter:focus {
  background: #395FF0;
  color: #5E7482;
}
#auth-emulator .scenario-select-label {
  display: flex;
  justify-content: space-between;
}
#auth-emulator .scenario-select-label a {
  display: flex;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  padding-right: 10px;
}
#auth-emulator .scenario-select-label a .link-float {
  margin-right: 10px;
}
#auth-emulator .scenario-select-label a .api-triangle::before {
  line-height: normal;
  padding: 1px 17px 3px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "FontAwesome";
  content: "\f0d8";
  color: #5E7482;
  font-size: 20px;
  margin-right: -10px;
}
#auth-emulator .scenario-select-label a.collapsed .api-triangle::before {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 17px 2px 9px;
  font-family: "FontAwesome";
  content: "\f0da";
  color: #5E7482;
  font-size: 20px;
  margin-right: -9px;
}
#auth-emulator .scenario-select-label a .api-triangle:hover {
  border-radius: 6px;
  background-color: #DDE3E8;
}
#auth-emulator .scenario-select-label #btnUseDefaults {
  font-size: 16px;
  text-decoration: none;
  font-family: Roobert Medium, sans-serif;
  color: #395FF0;
}
#auth-emulator .scenario-select-label #btnUseDefaults:hover {
  color: #395FF0;
  text-decoration: underline;
}
#auth-emulator .auth-emulator-body {
  display: flex;
  flex-direction: row;
}
#auth-emulator .auth-emulator-body .app-dropdown-select #api-scenarios {
  height: unset;
}
#auth-emulator .auth-emulator-body .app-dropdown-select .dropdown-toggle {
  padding: 5px 20px 20px;
}
#auth-emulator .auth-emulator-body .app-dropdown-select .dropdown-toggle svg {
  color: #5E7482;
}
#auth-emulator .auth-emulator-body .app-dropdown-select .dropdown-menu li.select-item a {
  padding: 5px 20px;
}
#auth-emulator .auth-emulator-body .app-dropdown-select .dropdown-menu .app-dropdown-select .select-content {
  box-shadow: 0px 2px 10px 0px #5E74824D;
}
#auth-emulator .auth-emulator-body #auth-filter-data {
  padding-bottom: 16px;
}
#auth-emulator .auth-emulator-body #auth-filter-data .app-dropdown-select .dropdown-toggle {
  padding: 12px 18px;
}
#auth-emulator .auth-emulator-body #auth-filter-data .content .form-control {
  border-radius: 0;
}
#auth-emulator .auth-emulator-body .menu-item .operation-select-content .select-label {
  margin-left: 5px;
}
#auth-emulator .auth-emulator-body .select-label {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
#auth-emulator .auth-emulator-body .api-url-path {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a5f62;
  margin-left: 5px;
}
#auth-emulator .auth-emulator-body .SUCCESS {
  background: #E7FADB;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 8px;
  color: #028053;
  margin-left: 5px;
}
#auth-emulator .auth-emulator-body .ERROR {
  background: #E7FADB;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 8px;
  color: #CE1518;
}
#auth-emulator .auth-emulator-body .form-body,
#auth-emulator .auth-emulator-body #auth-filter-data .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#auth-emulator .auth-emulator-body .form-body button.dropdown-toggle,
#auth-emulator .auth-emulator-body #auth-filter-data .content button.dropdown-toggle {
  margin-top: 0px;
  margin-bottom: 0px;
}
#auth-emulator .auth-emulator-body .form-body .form-control,
#auth-emulator .auth-emulator-body #auth-filter-data .content .form-control {
  box-shadow: none;
}
#auth-emulator .auth-emulator-body .form-body label,
#auth-emulator .auth-emulator-body #auth-filter-data .content label {
  background: none;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #5a5f62;
}
#auth-emulator .auth-emulator-body .form-body .Select-value-label,
#auth-emulator .auth-emulator-body #auth-filter-data .content .Select-value-label,
#auth-emulator .auth-emulator-body .form-body .form-control,
#auth-emulator .auth-emulator-body #auth-filter-data .content .form-control,
#auth-emulator .auth-emulator-body .form-body .Select-option,
#auth-emulator .auth-emulator-body #auth-filter-data .content .Select-option {
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  border-radius: 8px;
}
#auth-emulator .auth-emulator-body .form-body .content a,
#auth-emulator .auth-emulator-body #auth-filter-data .content .content a {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #323436;
}
#auth-emulator .auth-emulator-body .common-sandbox {
  padding-top: 32px;
}
#auth-emulator .auth-emulator-sandbox {
  position: relative;
  width: 100%;
  padding-right: 0px;
}
#auth-emulator .auth-emulator-sandbox .api-data-window {
  width: 100%;
}
#auth-emulator .select-margin-top {
  padding-top: 32px;
}
#auth-emulator .select-margin-top .floating-form-group {
  margin-bottom: 0px;
}
#auth-emulator .scenario-parameters .scenario-parameters-title {
  font-weight: 600;
  line-height: 22px;
  padding-bottom: 10px;
  color: #323436;
  font-family: Roobert Bold, sans-serif;
  font-size: 22px;
}
#auth-emulator .scenario-parameters .scenario-parameters-values {
  display: flex;
  padding-top: 26px;
}
#auth-emulator .scenario-parameters .scenario-parameters-values .values-group {
  padding-right: 60px;
}
#auth-emulator .scenario-parameters .scenario-parameters-values .values-group .values-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #5a5f62;
  white-space: nowrap;
}
#auth-emulator .scenario-parameters .scenario-parameters-values .values-group .values-value {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #5E7482;
}
#auth-emulator .show-advanced {
  display: flex;
  justify-content: center;
}
#auth-emulator #advanced-params-data a {
  display: flex;
  justify-content: space-between;
}
#auth-emulator #advanced-params-data a .api-triangle::before {
  line-height: normal;
  padding: 1px 17px 3px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "FontAwesome";
  content: "\f0d8";
  color: #5E7482;
  font-size: 20px;
  margin-right: 0px;
}
#auth-emulator #advanced-params-data a.collapsed .api-triangle::before {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 17px 2px 9px;
  font-family: "FontAwesome";
  content: "\f0da";
  color: #5E7482;
  font-size: 20px;
  margin-right: 0px;
}
#auth-emulator #advanced-params-data a .api-triangle:hover {
  border-radius: 6px;
  background-color: #DDE3E8;
}
#auth-emulator .full-width {
  width: 100%;
}
#auth-emulator .half-width {
  width: calc(50% - 20px);
}
#auth-emulator .auth-select-control {
  margin-bottom: 32px;
}
#auth-emulator .open-width {
  flex: 0.65;
  margin-right: 60px;
}
#auth-emulator .auth-sandbox-width {
  flex: 0.35;
}
#auth-emulator #clearForm {
  font-size: 16px;
  text-decoration: none;
  font-family: Roobert Bold, sans-serif;
}
#auth-emulator #clearForm:hover {
  color: #1D3282;
}
.auth-canvas {
  min-width: 1000px;
}
#auth-card-columns {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#auth-card-columns .auth-card-column {
  width: calc(50% - 15px);
}
#auth-card-columns .auth-card-column .app-canvas-collapse-card .auth-emualtor-collapse-data {
  margin-bottom: 10px;
}
#auth-card-columns .auth-card-column .app-canvas-collapse-card .app-canvas-collapse-card-button {
  padding-bottom: 25px;
  padding-left: 0;
}
#auth-card-columns .auth-card-column .app-canvas-collapse-card .app-canvas-collapse-card-field {
  color: #707781;
}
#auth-card-columns .auth-card-column .app-canvas-collapse-card .app-canvas-collapse-card-field .card-field-key {
  text-align: left;
}
#auth-card-columns .auth-card-column .app-canvas-collapse-card .app-canvas-collapse-card-field .card-field-value {
  text-align: right;
}
.app-canvas .offcanvas-body .auth-em-tab-header .auth-em-collapse-button {
  color: #395FF0;
  float: right;
  padding-bottom: 30px;
  font-size: 16px;
  font-family: Roobert Bold, sans-serif;
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  font-style: normal;
  line-height: 22px;
  vertical-align: middle;
  text-wrap: nowrap;
  padding-right: 20px;
  text-decoration: none;
}
.app-canvas .offcanvas-body .auth-em-tab-header .auth-em-collapse-button.collapsed {
  padding-bottom: 0;
}
.app-canvas .offcanvas-body .auth-em-tab-header .auth-em-collapse-button .api-triangle::before {
  line-height: normal;
  padding: 1px 17px 3px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "FontAwesome";
  content: "\f0d8";
  color: #5E7482;
  font-size: 20px;
  margin-right: -10px;
}
.app-canvas .offcanvas-body .auth-em-tab-header .auth-em-collapse-button.collapsed .api-triangle::before {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 17px 2px 9px;
  font-family: "FontAwesome";
  content: "\f0da";
  color: #5E7482;
  font-size: 20px;
  margin-right: -9px;
}
.app-canvas .offcanvas-body .auth-em-tab-header .auth-em-collapse-button .api-triangle:hover {
  border-radius: 6px;
  background-color: #DDE3E8;
}
.app-canvas .offcanvas-body .auth-em-tab-header .auth-em-collapse-button span {
  padding-left: 8px;
}
.app-canvas .offcanvas-body .auth-em-tab-header .auth-em-collapse-button:focus {
  color: #395FF0;
}
.changelog-container {
  padding: 60px 20% 150px;
}
@media (max-width: 2160px) {
  .changelog-container {
    padding: 60px 130px 125px 150px;
  }
}
@media (max-width: 768px) {
  .changelog-container {
    padding: 30px 12px 150px 12px;
  }
}
.changelog-container hr.section-divider {
  width: 100%;
  margin: 0px;
  border-top: 1px solid #dde3e8;
}
.changelog-container hr.section-divider:last-child {
  display: none;
}
.changelog-container .changelog-title {
  font-family: Roobert, sans-serif;
  font-size: 36px;
  color: #000000;
  padding-bottom: 30px;
}
.changelog-container .changelog-showmorebtn {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.changelog-container .changelog-desc {
  padding-bottom: 30px;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #5E7482;
}
.changelog-container .changelog-solid-line {
  background-color: #dde3e8;
  width: calc(100vw - 290px);
  margin-left: -30px;
  border-bottom: 1px solid #d4dbe1;
  margin-bottom: 30px;
}
.changelog-container .changelog ul li span.desc {
  left: 0;
}
.changelog-container .changelog-showmore {
  color: #1D1F48;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 40px;
  line-height: 22px;
  text-align: justify;
  width: max-content;
  border-bottom: 2px solid transparent;
  margin-left: 20px;
}
.changelog-container .changelog-showmore:hover {
  border-color: #395FF0;
}
.changelog-container .changelog-showmore .show {
  display: block;
}
.changelog-container .changelog-showmore .hide {
  display: none;
}
.changelog-container .changelog-showmore span.icons > i {
  padding-left: 6px;
}
.changelog-container div[name="_changeLogShowMoreModal"],
.changelog-container .changelog-section {
  padding-left: 0px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subtitle,
.changelog-container .changelog-section .changelog-subtitle {
  font-family: Roobert, sans-serif;
  font-size: 20px;
  color: #000000;
  line-height: 30px;
  padding-bottom: 18px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subtitle ul,
.changelog-container .changelog-section .changelog-subtitle ul {
  padding-left: 0;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection,
.changelog-container .changelog-section .changelog-subsection {
  padding-bottom: 0px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .changelog-subgroup-title,
.changelog-container .changelog-section .changelog-subsection .changelog-subgroup-title {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 20px;
  color: #323436;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .changelog-subgroup-title ul,
.changelog-container .changelog-section .changelog-subsection .changelog-subgroup-title ul {
  padding-left: 19px;
  margin-bottom: 0px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .change-type,
.changelog-container .changelog-section .changelog-subsection .change-type {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 4px 10px;
  height: 28px;
  border-radius: 8px;
  flex: none;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  margin-left: 19px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .change-type-new,
.changelog-container .changelog-section .changelog-subsection .change-type-new {
  background: #E7FADB;
  width: 67px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .change-type-update,
.changelog-container .changelog-section .changelog-subsection .change-type-update {
  background: #f0f4f6;
  width: 92px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .change-type-remove,
.changelog-container .changelog-section .changelog-subsection .change-type-remove {
  background: #FFDCDE;
  width: 97px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .change-type-icon-new,
.changelog-container .changelog-section .changelog-subsection .change-type-icon-new {
  color: #008858;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .change-type-icon-update,
.changelog-container .changelog-section .changelog-subsection .change-type-icon-update {
  color: #5a5f62;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .change-type-icon-remove,
.changelog-container .changelog-section .changelog-subsection .change-type-icon-remove {
  color: #AC424A;
}
fa .changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .change-type-icon-remove .fa-times,
fa .changelog-container .changelog-section .changelog-subsection .change-type-icon-remove .fa-times {
  position: absolute;
  left: 15%;
  right: 15%;
  top: 15%;
  bottom: 15%;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .change-type-text,
.changelog-container .changelog-section .changelog-subsection .change-type-text {
  margin-left: 10%;
  display: flex;
  align-items: center;
  text-align: center;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .change-type-text-new,
.changelog-container .changelog-section .changelog-subsection .change-type-text-new {
  color: #028053;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .change-type-text-update,
.changelog-container .changelog-section .changelog-subsection .change-type-text-update {
  color: #5a5f62;
}
.changelog-container div[name="_changeLogShowMoreModal"] .changelog-subsection .change-type-text-remove,
.changelog-container .changelog-section .changelog-subsection .change-type-text-remove {
  color: #AC424A;
}
.changelog-container div[name="_changeLogShowMoreModal"] .list-container-for-modal,
.changelog-container .changelog-section .list-container-for-modal,
.changelog-container div[name="_changeLogShowMoreModal"] .list-container,
.changelog-container .changelog-section .list-container {
  padding-left: 35px;
  padding-right: 20px;
  margin-top: 18px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .list-container-for-modal ul,
.changelog-container .changelog-section .list-container-for-modal ul,
.changelog-container div[name="_changeLogShowMoreModal"] .list-container ul,
.changelog-container .changelog-section .list-container ul {
  margin-bottom: 0px;
  padding-bottom: 20px;
  padding-left: 0;
  color: #000000;
}
.changelog-container div[name="_changeLogShowMoreModal"] .list-container-for-modal ul li,
.changelog-container .changelog-section .list-container-for-modal ul li,
.changelog-container div[name="_changeLogShowMoreModal"] .list-container ul li,
.changelog-container .changelog-section .list-container ul li {
  padding-bottom: 10px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .list-container-for-modal ul li div.desc,
.changelog-container .changelog-section .list-container-for-modal ul li div.desc,
.changelog-container div[name="_changeLogShowMoreModal"] .list-container ul li div.desc,
.changelog-container .changelog-section .list-container ul li div.desc {
  color: #000000;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  line-height: 28px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .list-container-for-modal ul li div.desc a:hover,
.changelog-container .changelog-section .list-container-for-modal ul li div.desc a:hover,
.changelog-container div[name="_changeLogShowMoreModal"] .list-container ul li div.desc a:hover,
.changelog-container .changelog-section .list-container ul li div.desc a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
  color: #1D1F48;
}
.changelog-container div[name="_changeLogShowMoreModal"] .list-container-for-modal ul.inner,
.changelog-container .changelog-section .list-container-for-modal ul.inner,
.changelog-container div[name="_changeLogShowMoreModal"] .list-container ul.inner,
.changelog-container .changelog-section .list-container ul.inner {
  padding-bottom: 20px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .terms-header,
.changelog-container .changelog-section .terms-header {
  padding-left: 0px;
  margin-top: 0px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .terms-files,
.changelog-container .changelog-section .terms-files {
  font-family: Roobert, sans-serif;
  padding-top: 20px;
}
.changelog-container div[name="_changeLogShowMoreModal"] .terms-files .term-file-name,
.changelog-container .changelog-section .terms-files .term-file-name {
  padding-left: 10px;
  font-family: Roobert, sans-serif;
  font-size: 16px;
  color: #0678b4;
}
.changelog-container .changelog-section-for-modal {
  padding-left: 40px;
}
.changelog-container .change-log-dropdown {
  padding: 40px 0;
}
.changelog-container .change-log-dropdown .api-triangle {
  display: inline;
  margin-right: 20px;
  font-weight: bold;
}
.changelog-container .change-log-dropdown a {
  display: flex;
  justify-content: space-between;
  font-family: Roobert, sans-serif;
  font-size: 24px;
  color: #000000;
  line-height: 36px;
}
.changelog-container .change-log-dropdown a .api-triangle::before {
  line-height: normal;
  padding: 1px 17px 3px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "FontAwesome";
  content: "\f106";
  color: #5E7482;
  font-size: 20px;
  margin-right: -10px;
}
.changelog-container .change-log-dropdown a.collapsed .api-triangle::before {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 17px 2px 9px;
  font-family: "FontAwesome";
  content: "\f107";
  color: #5E7482;
  font-size: 20px;
  margin-right: -9px;
}
.changelog-container .change-log-dropdown a .api-triangle:hover {
  border-radius: 6px;
  background-color: #DDE3E8;
}
@media (max-width: 768px) {
  .changelog-container .change-log-dropdown a {
    font-size: 20px;
    line-height: 28px;
  }
  .changelog-container div[name="_changeLogShowMoreModal"] .changelog-subtitle,
  .changelog-container .changelog-section .changelog-subtitle {
    font-size: 18px;
    line-height: 27px;
  }
  .changelog-container div[name="_changeLogShowMoreModal"] .list-container-for-modal div.desc,
  .changelog-container .changelog-section .list-container-for-modal div.desc,
  .changelog-container div[name="_changeLogShowMoreModal"] .list-container > ul > li div.desc,
  .changelog-container .changelog-section .list-container > ul > li div.desc {
    font-size: 14px;
    line-height: 23px;
  }
  .changelog-container .change-log-dropdown {
    padding: 30px 0;
  }
  .changelog-container .changelog-showmorebtn {
    margin-top: 50px;
  }
}
.flex {
  display: flex;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-nowrap {
  display: flex;
  flex-wrap: nowrap;
}
.left {
  display: flex;
  justify-content: flex-start;
}
.right {
  display: flex;
  justify-content: flex-end;
}
.center {
  display: flex;
  justify-content: center;
}
.end {
  display: flex;
  justify-content: end;
}
.start {
  display: flex;
  justify-content: start;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
}
.between {
  display: flex;
  justify-content: space-between;
}
.around {
  display: flex;
  justify-content: space-around;
}
.ai-center {
  display: flex;
  align-items: center;
}
.ai-start {
  display: flex;
  align-items: flex-start;
}
.ai-end {
  display: flex;
  align-items: flex-end;
}
.ai-baseline {
  display: flex;
  align-items: baseline;
}
.space-between {
  justify-content: space-between;
}
.between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-column-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.flex-wrap-ai-end {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.align-end {
  align-items: end;
}
.questionnaire .common-collapse .fa-chevron-down,
.questionnaire .common-collapse .fa-chevron-up {
  margin-top: 24px;
}
.questionnaire .common-collapse h3 {
  font-family: Roobert, sans-serif;
  font-size: 20px;
  margin-bottom: 24px;
}
.questionnaire .common-collapse h3.header-api-overview {
  margin-bottom: 0px;
}
.questionnaire .common-collapse h4.header-api-overview {
  font-family: Roobert, sans-serif;
  font-size: 18px;
  padding-left: 14px;
}
.questionnaire .common-collapse .toggle {
  padding: 0px;
}
.questionnaire .common-collapse .content {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: none;
}
.questionnaire .common-collapse .content h3 {
  font-family: Roobert Medium, sans-serif;
  font-size: 20px;
  color: #2A3436;
}
.questionnaire .common-collapse .content .ui-date-picker {
  background: url(/images/icons/calendar-alt-black-a57a6d41ef8bc2d094282dc56fd2b2d8.svg) no-repeat center right 10px;
  color: #000000;
  width: 350px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid #999B9C;
}
.questionnaire .common-collapse .content p.overview-intro-text {
  padding-top: 6px;
}
.questionnaire .common-collapse .content .form-check {
  padding-bottom: 12px;
}
.questionnaire .common-collapse .content .form-check label {
  padding-left: 8px;
}
.questionnaire .common-collapse label,
.questionnaire .common-collapse textarea {
  font-family: Roobert, sans-serif;
  font-size: 16px;
  text-align: left;
  color: #000000;
  vertical-align: middle;
  line-height: 26px;
}
.questionnaire .volume-api-select .common-collapse:not(:last-child) {
  padding-bottom: 32px;
}
.questionnaire .common-overlay {
  box-shadow: 0px 4px 20px -5px rgba(94, 116, 130, 0.4);
  position: absolute;
  top: -40px;
  z-index: 9999;
}
.questionnaire .common-overlay .content-header {
  text-align: center;
}
.questionnaire .fa-exclamation-triangle {
  color: #CE1518;
  font-size: 18px;
  margin-left: 10px;
}
.questionnaire .sys-solid-fa-asterisk-solid {
  font-size: 10px;
  color: #FF1F3E;
  vertical-align: super;
  margin-left: 4px;
  line-height: 1;
}
.questionnaire .top-margin-20 {
  margin-top: 20px;
}
.questionnaire .submit-btn-margin {
  margin-top: 48px;
}
.questionnaire .top-padding-20 {
  padding-top: 20px;
}
.questionnaire .input-api-width {
  width: 32%;
}
.questionnaire .api-row-gap {
  gap: 2%;
}
.questionnaire .full-width {
  width: 100%;
}
.questionnaire .api-segment-collapse {
  border: 1px solid #DDE3E8;
  margin-bottom: 20px;
  padding: 30px;
}
.questionnaire .spinner-height {
  height: 200px;
}
.questionnaire .ip-textAreas label,
.questionnaire .ip-textAreas textarea {
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  text-align: left;
  color: #5E7482;
  vertical-align: middle;
}
.questionnaire .ip-textAreas textarea {
  font-family: Roobert, sans-serif;
}
.input-half-width {
  width: 48%;
}
.required-badge {
  display: inline-block;
  margin-left: 12px;
  padding: 4px 10px 4px 10px;
  font-family: Roobert SemiBold, sans-serif;
  font-size: 14px;
  font-weight: 650;
  color: #713F2C;
  background-color: #FFF1EC;
  border-radius: 6px;
  line-height: 1;
  vertical-align: middle;
  height: 26px;
  width: 79px;
  margin-top: 27px;
}
.operation-name + .required-badge,
.operation-name ~ .required-badge,
.operation-name .required-badge {
  margin-top: 0px;
}
.rc-calendar-picker-placement-bottomLeft {
  position: absolute !important;
  margin-top: 65px !important;
  top: unset !important;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar {
  box-shadow: 0px 4px 20px -5px rgba(94, 116, 130, 0.3);
  position: relative;
  outline: none;
  border: 1px solid #CCCECF;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  line-height: 1.5;
  width: 296px;
  z-index: 5;
  height: 337px;
  padding: 22px 0;
  gap: 14px;
  display: flex;
  border-radius: 3%;
  top: 10px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header {
  padding: 2px 8px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  user-select: none;
  -webkit-user-select: none;
  color: #692C8F;
  border-bottom: none;
  display: flex;
  align-items: center;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-month-panel-prev-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-month-panel-prev-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-month-panel-prev-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-month-panel-prev-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-decade-panel-prev-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-decade-panel-prev-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-decade-panel-prev-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-decade-panel-prev-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-year-panel-prev-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-year-panel-prev-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-year-panel-prev-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-year-panel-prev-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-prev-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-prev-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-prev-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-prev-month-btn {
  left: 205px;
  padding: 0px 8px;
  width: 20px;
  font-size: 0;
  background: url(/images/icons/left_purple_chevron-9b5b9aa02368cc3b464634222826e156.svg) no-repeat center;
  background-size: contain;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-month-panel-next-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-month-panel-next-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-month-panel-next-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-month-panel-next-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-decade-panel-next-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-decade-panel-next-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-decade-panel-next-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-decade-panel-next-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-year-panel-next-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-year-panel-next-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-year-panel-next-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-year-panel-next-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-next-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-next-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-next-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-next-month-btn {
  padding: 0px 8px;
  width: 20px;
  font-size: 0;
  background: url(/images/icons/right_purple_chevron-99cb9a03ec118977aa91a54ca201b8db.svg) no-repeat center;
  background-size: contain;
  left: 245px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-prev-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-prev-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-prev-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-prev-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-next-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-next-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-next-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-next-month-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-next-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-next-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-next-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-next-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-prev-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-prev-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-prev-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-prev-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-month-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-month-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-month-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-month-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-year-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-year-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-year-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-year-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-month-panel-next-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-month-panel-next-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-month-panel-next-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-month-panel-next-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-month-panel-prev-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-month-panel-prev-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-month-panel-prev-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-month-panel-prev-year-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-month-panel-year-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-month-panel-year-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-month-panel-year-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-month-panel-year-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-month-panel-year-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-month-panel-year-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-month-panel-year-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-month-panel-year-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-year-panel-prev-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-year-panel-prev-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-year-panel-prev-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-year-panel-prev-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-year-panel-next-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-year-panel-next-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-year-panel-next-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-year-panel-next-decade-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-year-panel-decade-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-year-panel-decade-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-year-panel-decade-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-year-panel-decade-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-year-panel-decade-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-year-panel-decade-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-year-panel-decade-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-year-panel-decade-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-decade-panel-prev-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-decade-panel-prev-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-decade-panel-prev-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-decade-panel-prev-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-decade-panel-next-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-decade-panel-next-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-decade-panel-next-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-decade-panel-next-century-btn,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-decade-panel-century,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-decade-panel-century,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-decade-panel-century,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-decade-panel-century {
  color: #692C8F;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-month-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-month-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-month-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-month-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-year-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-year-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-year-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-year-select,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-month-panel-year-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-month-panel-year-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-month-panel-year-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-month-panel-year-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-month-panel-year-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-month-panel-year-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-month-panel-year-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-month-panel-year-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-year-panel-decade-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-year-panel-decade-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-year-panel-decade-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-year-panel-decade-select-content,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-year-panel-decade-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-year-panel-decade-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-year-panel-decade-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-year-panel-decade-select-arrow,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-decade-panel-century,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-decade-panel-century,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-decade-panel-century,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-decade-panel-century {
  font-family: Roobert Bold, sans-serif;
  font-size: 18px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-month-select:hover,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-month-select:hover,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-month-select:hover,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-month-select:hover {
  background-color: #E9E3F0;
  height: 36px;
  width: 50px;
  border-radius: 10px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-year-select:hover,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-year-select:hover,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-year-select:hover,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-year-select:hover {
  background-color: #E9E3F0;
  height: 36px;
  width: 60px;
  border-radius: 10px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-header .rc-calendar-decade-panel-body a,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-header .rc-calendar-decade-panel-body a,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-header .rc-calendar-decade-panel-body a,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-header .rc-calendar-decade-panel-body a {
  font-family: Roobert, sans-serif;
  font-size: 14px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-selected-cell a {
  border-radius: 0px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
  background: #ffffff;
  color: #000000;
  height: 36px;
  width: 66px;
  border: 2px solid #B21A53;
  border-radius: 15px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
  background: #E9E3F0;
  cursor: pointer;
  color: #000000;
  height: 36px;
  width: 66px;
  border-radius: 15px;
  border: 2px solid #E9E3F0;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-body {
  padding: 0;
  height: auto;
  width: 100%;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-table {
  width: 100%;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-table thead {
  border-bottom: 1px solid #CCCECF;
  padding: 0 8px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-column-header-inner {
  font-family: Roobert Bold, sans-serif;
  font-size: 12px;
  color: #000000;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-date {
  font-family: Roobert, sans-serif;
  font-size: 12px;
  display: block;
  margin: 0 auto;
  color: #000000;
  width: 36px;
  height: 36px;
  padding: 0;
  background: transparent;
  line-height: 30px;
  text-align: center;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-today .rc-calendar-date {
  border-radius: 50%;
  border: 2px solid #B21A53;
  font-family: Roobert Bold, sans-serif;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-cell:not(.rc-calendar-disabled-cell):not(.rc-calendar-last-month-cell):not(.rc-calendar-next-month-btn-day) .rc-calendar-date:hover {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-color: #E9E3F0;
  color: #000000;
  cursor: pointer;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-selected-date .rc-calendar-date {
  background-color: #431C5B;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  color: white;
  font-family: Roobert Bold, sans-serif;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-selected-date .rc-calendar-date:hover {
  background: #E9E3F0;
  border-radius: 50%;
  color: #ffffff;
  font-family: Roobert Bold, sans-serif;
  height: 36px;
  width: 36px;
  line-height: 30px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-date-panel,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-panel {
  width: 100%;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
  background: #ffffff;
  color: #000000;
  border: 2px solid #B21A53;
  border-radius: 15px;
  height: 36px;
  width: 66px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-year-panel-year:hover {
  font-family: Roobert, sans-serif;
  background: #E9E3F0;
  cursor: pointer;
  color: #000000;
  border: 1px solid #E9E3F0;
  border-radius: 15px;
  height: 36px;
  width: 66px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-decade {
  color: #000000;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
  background: #ffffff;
  color: #000000;
  border: 2px solid #B21A53;
  border-radius: 15px;
  height: 36px;
  width: 85px;
  font-family: Roobert Bold, sans-serif;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-decade-panel-decade:hover {
  background: #E9E3F0;
  cursor: pointer;
  color: #000000;
  border: 1px solid #E9E3F0;
  border-radius: 15px;
  height: 36px;
  width: 85px;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-disabled-cell .rc-calendar-date,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-last-month-cell .rc-calendar-date,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-next-month-btn-day .rc-calendar-date {
  color: #757678;
}
.rc-calendar-picker-placement-bottomLeft .rc-calendar-disabled-cell .rc-calendar-date:hover,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-last-month-cell .rc-calendar-date:hover,
.rc-calendar-picker-placement-bottomLeft .rc-calendar-next-month-btn-day .rc-calendar-date:hover {
  background: transparent;
  color: #757678;
  cursor: not-allowed;
}
.auth-plugin-container {
  margin-top: 54px;
}
.auth-plugin-container .theme-icon {
  background: #A276FF;
  padding: 12px;
  border-radius: 6px;
}
.auth-plugin-container .auth-plugin-overview-container,
.auth-plugin-container .auth-plugin-documentation-container {
  margin-top: 54px;
  padding: 50px;
}
.auth-plugin-container .api-landing-content {
  background-color: #f7f9fb;
  border-top: 1px solid #dde3e9;
  padding: 120px 130px 120px 130px;
}
@media (max-width: 768px) {
  .auth-plugin-container .api-landing-content {
    padding: 40px 12px 70px 12px;
  }
}
@media (min-width: 2160px) {
  .auth-plugin-container .api-landing-content {
    padding: 120px 20% 120px 20%;
  }
}
.auth-plugin-container .landing-products-header .products-title {
  padding-bottom: 26px;
  color: #323436;
  font-family: Roobert Bold, sans-serif;
  font-size: 48px;
}
@media (max-width: 768px) {
  .auth-plugin-container .landing-products-header .products-title {
    padding-bottom: 14px;
    font-size: 24px;
    line-height: 31.2px;
  }
}
.auth-plugin-container .landing-products-header .products-desc {
  font-size: 18px;
  font-family: Roobert, sans-serif;
  line-height: 160%;
  letter-spacing: 0.18px;
  color: #5E7482;
  padding-bottom: 60px;
  margin: 0;
}
@media (max-width: 768px) {
  .auth-plugin-container .landing-products-header .products-desc {
    padding-bottom: 40px;
    margin: 0;
  }
}
.auth-plugin-container .landing-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(370px, 1fr));
  row-gap: 40px;
  column-gap: 35px;
  padding-bottom: 60px;
}
.auth-plugin-container .landing-products a > svg {
  margin-right: 10px;
}
.auth-plugin-container .landing-products .landing-product {
  height: 275px;
  color: #00406e;
  border-radius: 5px;
  border: solid 1px #d4dbe1;
  background-color: #ffffff;
  padding: 35px;
  margin-top: 30px;
}
.auth-plugin-container .landing-products .landing-product .product-title {
  color: #00406e;
}
.auth-plugin-container .landing-products .landing-product .product-title i {
  font-size: 50px;
}
.auth-plugin-container .landing-products .landing-product .product-title .title {
  font-family: Roobert Medium, sans-serif;
}
.auth-plugin-container .landing-products .landing-product .product-desc {
  margin: 20px 0 20px 0;
  height: 57%;
  overflow-y: scroll;
  font-size: 16px;
  color: #5E7482;
}
.auth-plugin-container .landing-products .landing-product .product-desc::-webkit-scrollbar {
  width: 3px;
  background: transparent;
}
.auth-plugin-container .landing-products .landing-product .product-desc::-webkit-scrollbar-thumb {
  background: rgba(0, 64, 110, 0.5);
}
.auth-plugin-container .landing-products .landing-product .api-links {
  font-family: Roobert Medium, sans-serif;
  float: right;
  font-size: 16px;
  color: #0278B6;
}
.auth-plugin-container .landing-products .landing-product .api-links .link {
  width: auto;
}
.auth-plugin-container .landing-products .landing-product .api-links .link a {
  text-decoration: none;
}
.auth-plugin-container .landing-products .landing-product .api-links .link a svg {
  margin-right: 10px;
}
.auth-plugin-container .landing-products .landing-product:hover,
.auth-plugin-container .landing-products .landing-product:focus {
  border: solid 1px #98a8b7;
}
.auth-plugin-container .landing-products .landing-product:hover .api-links a,
.auth-plugin-container .landing-products .landing-product:focus .api-links a {
  color: #113de5;
}
@media (max-width: 1399px) {
  .auth-plugin-container .landing-products {
    grid-template-columns: repeat(2, minmax(370px, 1fr));
  }
}
@media (max-width: 992px) {
  .auth-plugin-container .landing-products {
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}
@media (max-width: 768px) {
  .auth-plugin-container .landing-products {
    grid-template-columns: 100%;
    padding-bottom: 30px;
  }
}
.auth-plugin-container .authplugin-content-container {
  height: calc(100vh - 108px);
  display: flex;
}
.auth-plugin-container .landing-header-container .section-wrapper > .right-section {
  width: 40%;
}
.auth-plugin-container .landing-header-container img.section-illustration {
  width: initial;
}
.internal-doc-landing-container .theme-icon {
  background: #395FF0;
  padding: 12px;
  border-radius: 6px;
}
.marketplace-header .app-nav-dropdown-item .image {
  padding: 8px;
}
.marketplace-header #documentation-submenu > ul li .app-nav-dropdown-menu.grid-columns-1 {
  min-width: 447px;
}
.marketplace-header #documentation-submenu > ul li .app-nav-dropdown-menu .app-nav-dropdown-item .title {
  font-weight: 600;
}
.marketplace-header #documentation-submenu > ul li:hover > a::after {
  content: '';
  height: 4px;
  display: block;
  position: absolute;
  background-color: #395FF0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0px 20px;
}
.marketplace-header #documentation-submenu > ul li.nav-item.visibility {
  display: none;
}
.marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks {
  gap: 0px;
  grid-template-columns: 32.69% 39.71% auto;
}
.marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu {
  padding-top: 3.472vw;
  padding-bottom: 3.472vw;
}
.marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .title {
  margin-top: 2.77vw;
  font-size: 18px;
  font-weight: 600;
}
.marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .desc {
  margin-top: 0.694vw;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  color: #5E7482;
}
.marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .app-nav-dropdown-item .content {
  padding-left: 2.8472vw;
  margin-left: 0px;
}
@media (max-width: 768px) {
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .app-nav-dropdown-item .content {
    padding-left: 0px;
  }
}
.marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove0 {
  align-items: baseline;
}
.marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove1 {
  align-items: baseline;
}
.marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove1 .content {
  padding-left: 4.166vw;
  padding-right: 3.472vw;
}
@media (max-width: 768px) {
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove1 .content {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.marketplace-header #documentation-submenu .explore-item .eploreItemDropdown {
  background: #f7f9fb;
  border-left: 1px solid #dde3e8;
  display: flex;
  padding-top: 2.77vw;
  padding-left: 2.77vw;
  padding-right: 2.77vw;
  flex-direction: column;
  align-items: baseline;
  border-radius: 0px 10px 10px 0px;
  cursor: default;
}
@media (max-width: 480px) {
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown {
    border-left: none;
  }
}
.marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitemsHeader {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #5a5f62;
  margin-bottom: 0.555vw;
}
@media (max-width: 480px) {
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitemsHeader {
    margin-bottom: 8px;
  }
}
.marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems {
  margin-top: 1.227vw;
  font-size: 16px;
  line-height: 22px;
  color: #5a5f62;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 480px) {
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems {
    margin-top: 22px;
  }
}
.marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems .image {
  padding: 1px 7.4px;
  width: 34px;
  height: 34px;
}
.marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems .content {
  margin-left: 20px;
  padding-left: 0%;
}
.marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems:hover .content .title:after {
  content: '';
}
.marketplace-header #documentation-submenu .explore-item .eploreItemDropdown:hover .content .title:after {
  content: none;
}
.marketplace-header #documentation-submenu .explore-item .eploreItemDropdown:hover {
  text-decoration: none;
}
.marketplace-header #documentation-submenu .explore-item .dropdown-cta {
  padding: 0px 0px 0px 0px;
  top: 3.472vw;
}
.marketplace-header #documentation-submenu .explore-item .dropdown-cta .svg-inline--fa {
  margin-top: 3px;
}
.marketplace-header #documentation-submenu .explore-item .dropdown-cta span {
  margin-right: 0.55vw;
  line-height: normal;
}
@media (min-width: 1400px) {
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .title {
    font-size: calc(20px - 1);
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .desc {
    font-size: 17px;
    line-height: 26px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove0 img {
    width: 206px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove1 img {
    width: 187px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitemsHeader {
    font-size: 17px;
    line-height: 24px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems {
    margin-top: 26px;
    font-size: calc(20px - 1);
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems .image {
    padding: 12.8px 10.4px;
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1920px) {
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .title {
    font-size: 20px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .desc {
    font-size: 18px;
    line-height: 27px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove0 img {
    width: 219px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove1 img {
    width: 198px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitemsHeader {
    font-size: 18px;
    line-height: 25px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems {
    margin-top: 27px;
    font-size: 20px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems .image {
    padding: 15.8px 13.4px;
    width: 42px;
    height: 42px;
  }
}
@media (min-width: 1920px) {
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .title {
    font-size: 22px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .desc {
    font-size: 20px;
    line-height: 28px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove0 img {
    width: 232px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove1 img {
    width: 209px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitemsHeader {
    font-size: calc(20px - 1);
    line-height: 26px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems {
    margin-top: 28px;
    font-size: 22px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems .image {
    padding: 15.8px 13.4px;
    width: 44px;
    height: 44px;
  }
}
@media (min-width: 2160px) {
  .marketplace-header #documentation-submenu > ul li a {
    font-size: 18px;
  }
  .marketplace-header .app-nav-dropdown-menu.grid-columns-3 {
    min-width: 1300px;
  }
  .marketplace-header .app-nav-dropdown-item .image {
    width: 66px;
    height: 66px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .title {
    font-size: 24px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .desc {
    font-size: calc(20px + 1);
    line-height: 33px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove0 img {
    width: 261px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove1 img {
    width: 237px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitemsHeader {
    font-size: calc(20px + 1);
    line-height: 30px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems {
    margin-top: 33px;
    font-size: 24px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems .image {
    padding: 17.8px 15.4px;
    width: 51px;
    height: 51px;
  }
  .marketplace-header .browse-connection {
    width: 475px;
    font-size: 36px;
    height: 100px;
  }
}
@media (min-width: 2800px) {
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .title {
    font-size: 32px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .desc {
    font-size: 28px;
    line-height: 43px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove0 img {
    width: 339px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove1 img {
    width: 308px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitemsHeader {
    font-size: 28px;
    line-height: 39px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems {
    font-size: 32px;
    margin-top: 43px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems .image {
    padding: 19.8px 17.4px;
    width: 66px;
    height: 66px;
  }
}
@media (min-width: 3200px) {
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .title {
    font-size: 36px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .desc {
    font-size: 32px;
    line-height: 50px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove0 img {
    width: 388px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove1 img {
    width: 352px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitemsHeader {
    font-size: 32px;
    line-height: 45px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems {
    font-size: 36px;
    margin-top: 50px;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown .exploreSubitems .image {
    padding: 19.8px 17.4px;
    width: 76px;
    height: 76px;
  }
}
@media (min-width: 3840px) {
  .marketplace-header .app-nav-dropdown-menu.grid-columns-3 {
    min-width: 2500px;
  }
  .marketplace-header #documentation-submenu > ul li a {
    font-size: 36px;
  }
  .marketplace-header #documentation-submenu > ul li .app-nav-dropdown-menu {
    top: 94px;
  }
  .marketplace-header #documentation-submenu > ul li .app-nav-dropdown-menu.grid-columns-1 {
    min-width: 1080px;
    padding: 3.47vw 2.84vw;
  }
  .marketplace-header .app-nav-dropdown-menu .dropdown-links {
    row-gap: 94px;
  }
  .marketplace-header .app-nav-dropdown-item .image {
    width: 76px;
    height: 76px;
    padding: 19.8px 17.4px;
  }
  .marketplace-header #documentation-submenu ul span {
    font-size: 36px;
    line-height: normal;
  }
  .marketplace-header #documentation-submenu ul a {
    font-size: 36px;
    line-height: normal;
  }
  .marketplace-header .explore-item .exploreDropdownLinks .staticMenu .title {
    font-size: 44px;
  }
  .marketplace-header .explore-item .exploreDropdownLinks .staticMenu .desc {
    font-size: 38px;
    line-height: 60px;
  }
  .marketplace-header .explore-item .exploreDropdownLinks .marginremove0 img {
    width: 466px;
  }
  .marketplace-header .explore-item .exploreDropdownLinks .marginremove1 img {
    width: 422px;
  }
  .marketplace-header .explore-item .eploreItemDropdown .exploreSubitemsHeader {
    font-size: calc(20px + 18px);
    line-height: 54px;
  }
  .marketplace-header .explore-item .eploreItemDropdown .exploreSubitems {
    font-size: 42px;
    margin-top: 60px;
  }
  .marketplace-header .explore-item .eploreItemDropdown .exploreSubitems .image {
    padding: 21.8px 19.4px;
    width: 91px;
    height: 91px;
  }
}
@media (max-width: 1120px) {
  .marketplace-header #documentation-submenu {
    padding: 0px 18px;
  }
  .marketplace-header #documentation-submenu > ul > li.subnav-mobile-toggle a {
    padding: 20px 0px;
  }
  .marketplace-header #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown {
    padding: 0px;
  }
  .marketplace-header #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown .nav-item {
    list-style-type: none;
    border-bottom: 1px solid #dde3e8;
  }
  .marketplace-header #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown .nav-item a {
    justify-content: space-between;
    padding: 20px 18px;
  }
  .marketplace-header #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown .nav-item a.dropdown-cta {
    padding-left: 0px;
    padding-right: 0px;
  }
  .marketplace-header #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown .nav-item a span .fa-chevron-up {
    display: none;
  }
  .marketplace-header #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown .nav-item a span .fa-chevron-down {
    display: block;
  }
  .marketplace-header #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown .nav-item.open a span .fa-chevron-down {
    display: none;
  }
  .marketplace-header #documentation-submenu > ul > li.subnav-mobile-toggle ul.subnav-mobile-nav-dropdown .nav-item.open a span .fa-chevron-up {
    display: block;
  }
}
@media (max-width: 1120px) {
  .marketplace-header #documentation-submenu {
    padding: 0px 18px;
  }
  .marketplace-header #documentation-submenu > ul li ul.subnav-mobile-nav-dropdown .nav-item a:after {
    display: none;
  }
}
@media (max-width: 768px) {
  .marketplace-header #documentation-submenu .explore-item .dropdown-menu-links {
    overflow-y: scroll;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks {
    gap: 0px;
    grid-template-columns: repeat(1, 1fr);
    max-height: 270px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .content {
    margin-left: 18px;
    margin-right: 18px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .content .title {
    margin-top: 20px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .content .desc {
    margin-top: 4px;
    font-weight: 400;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove0 {
    width: 100%;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove1 {
    border-bottom: 1px solid #dde3e8;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown {
    border-radius: 0px;
    padding-bottom: 40px;
    padding-left: 18px;
    padding-top: 30px;
  }
  .marketplace-header #documentation-submenu .explore-item .dropdown-cta {
    padding: 20px 0px 40px 0px;
  }
}
@media (max-width: 480px) {
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks {
    gap: 0px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .content {
    margin-left: 18px;
    margin-right: 18px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .content .title {
    margin-top: 20px;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .staticMenu .content .desc {
    margin-top: 4px;
    font-weight: 400;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove0 {
    width: 100%;
  }
  .marketplace-header #documentation-submenu .explore-item .exploreDropdownLinks .marginremove1 {
    border-bottom: 1px solid #dde3e8;
  }
  .marketplace-header #documentation-submenu .explore-item .eploreItemDropdown {
    border-radius: 0px;
    padding-bottom: 40px;
    padding-left: 18px;
    padding-top: 30px;
  }
  .marketplace-header #documentation-submenu .explore-item .dropdown-cta {
    padding: 30px 0px 39px 0px;
  }
}
@media (max-width: 480px) {
  .app-container .app-content .nav-header > ul > li.subnav-mobile-toggle a.dropdown-toggle {
    padding: 20px 18px;
  }
}
.marketplace-container .section1-grid-card-icon {
  width: 70px;
  height: 70px;
}
.marketplace-container .section1-grid-card-desc {
  line-height: 28px;
}
.marketplace-container .section-value-add-container-top-left {
  max-width: 550px;
  height: 380px;
}
.marketplace-container .learn-more-link {
  margin-top: 0px;
  font-size: 16px;
}
.marketplace-container .landing-header-new button {
  padding: 16px 10px;
  min-width: 220px;
  min-height: 20px;
  font-size: 16px;
}
.marketplace-container .landing-header-new-illustration {
  width: 480px;
}
.marketplace-container .landing-header-new-desc {
  padding-top: 30px;
}
.marketplace-container .sectionsolutions .sectionsolutions-grid .sectionsolutions-grid-card .theme-icon {
  background: #A276FF;
}
.marketplace-container .section-value-add .value-add-bg {
  background-image: linear-gradient(180deg, #ffffff 50%, #f6f9fb 50%);
}
.marketplace-container .section1-grid-card-title {
  margin: 33.6px 0 14px 0;
}
.marketplace-container .section1-grid-card-title h3 {
  font-weight: 600;
  font-size: 20px;
}
.marketplace-container .section1-title {
  margin-bottom: 55.6px;
}
.marketplace-container .section2 {
  top: 0%;
  background-image: linear-gradient(180deg, #f6f9fb 50%, #f7f9fb 50%);
  margin-bottom: 0px;
  padding-bottom: 55px;
}
.marketplace-container .section2-title {
  font-weight: 600;
  margin-bottom: 32px;
}
.marketplace-container .section2-grid {
  margin-top: 91.5px;
}
.marketplace-container .section2-grid-card-link {
  font-size: 16px;
  font-weight: 600;
}
.marketplace-container .section2-grid-card-desc {
  padding-bottom: 22px;
  color: rgba(255, 255, 255, 0.75);
}
.marketplace-container .section2-grid-card-title {
  margin: 24px 0 14px 0;
}
.marketplace-container .section2-grid-card-title h3 {
  font-size: 20px;
}
.marketplace-container .section-value-add-container .learn-more-link.marketplace-theme-color,
.marketplace-container .section-value-add-container .learn-more-link.MARKETPLACE-theme-color {
  color: #6F52AD;
}
.marketplace-container .section-value-add-container .learn-more-link a {
  color: #6F52AD;
}
.marketplace-container .section-value-add-container-bottom {
  margin: 112px auto 0 auto;
}
.marketplace-container .section-value-add-container-bottom .button-card {
  padding: 17px 0px;
  width: 293.5px;
  font-size: 16px;
  font-weight: 400;
}
.marketplace-container .section-value-add-container-bottom .marketplace-theme-color,
.marketplace-container .section-value-add-container-bottom .MARKETPLACE-theme-color {
  color: #6F52AD;
  font-weight: 600;
}
.marketplace-container .marketplace-theme-color,
.marketplace-container .MARKETPLACE-theme-color {
  color: #D196FF;
}
.marketplace-container .marketplace-theme-color a,
.marketplace-container .MARKETPLACE-theme-color a {
  color: #D196FF;
  cursor: pointer;
}
.market-promote-modal .modal-content .modal-footer {
  padding-bottom: 0;
}
.market-promote-modal .modal-content .modal-footer button {
  height: 18px;
  margin: 19px 30px 20px 10px;
  border-radius: 8px;
  width: auto;
  margin-left: auto;
}
.market-promote-modal .checkbox input[type="checkbox"] {
  width: 16px;
  height: 16px;
  left: 20px;
  margin-left: -17px;
  top: 8px;
}
.market-promote-modal .checkbox label {
  padding-left: 35px;
  font-size: 16px;
}
.connections-container .dashboard-toolbar,
.trigger-container .dashboard-toolbar {
  display: flex;
}
.connections-container .dashboard-toolbar .dashboard-filter-select,
.trigger-container .dashboard-toolbar .dashboard-filter-select {
  margin-right: 30px;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .dropdown,
.trigger-container .dashboard-toolbar .dashboard-filter-select .dropdown {
  border: none;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle .svg-inline--fa,
.trigger-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle .svg-inline--fa {
  color: #5E7482;
  padding-right: 13px;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle svg,
.trigger-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle svg {
  color: #3F64F2;
  font-size: 15px;
  width: auto;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .dropdown-menu > li > a,
.trigger-container .dashboard-toolbar .dashboard-filter-select .dropdown-menu > li > a {
  padding-top: 10px;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select.open:not(.selected):not(.event-apps-select-control) button.dropdown-toggle,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select.open:not(.selected):not(.event-apps-select-control) button.dropdown-toggle {
  padding: 12px 14px;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select:hover,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select:hover {
  background-color: transparent;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select > .dropdown-toggle,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select > .dropdown-toggle {
  padding: 12px 14px;
  font-size: 15px;
  border: 1px solid #DDE3E8;
  margin-top: 8px;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select > .dropdown-toggle.btn,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select > .dropdown-toggle.btn {
  display: flex;
  border-radius: 8px;
  position: relative;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  outline: none;
  padding: 7px;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item {
  font-size: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item a,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item a {
  padding-top: 8px;
  padding-bottom: 8px;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item a:hover,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item a:hover,
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item a:focus,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item a:focus {
  background-color: #f0f4f6;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-content,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-content {
  border-radius: 8px;
  padding-bottom: 10px;
  z-index: 1000;
  top: 132%;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-title,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-title {
  position: static;
  font-weight: 400;
  color: #323436;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 4px;
  padding-left: 0px;
  padding-right: 14px;
  margin-left: 12px;
  font-size: 14px;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-title.zoom:hover,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-title.zoom:hover {
  position: initial;
  left: -4px;
  white-space: nowrap;
  background-color: #ffffff;
  z-index: 5;
  text-overflow: initial;
  overflow: initial;
  max-width: none;
  box-shadow: 2px 2px 10px #dfe1e6;
}
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-label,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-label {
  color: #5a5f62;
  margin: 0px 0px 0px 4px;
  font-size: 14px;
  font-weight: 600;
}
.connections-container .dashboard-toolbar .newparser-btn,
.trigger-container .dashboard-toolbar .newparser-btn {
  text-align: right;
}
.connections-container .dashboard-toolbar .newparser-btn .btn,
.trigger-container .dashboard-toolbar .newparser-btn .btn {
  background: #395FF0;
  border-radius: 8px;
  width: 220px;
  height: 48px;
}
.connections-container .dashboard-toolbar .newparser-btn .btn:first-child,
.trigger-container .dashboard-toolbar .newparser-btn .btn:first-child {
  margin-right: 10px;
}
.connections-container .dashboard-toolbar .newparser-btn .btn .select-label,
.trigger-container .dashboard-toolbar .newparser-btn .btn .select-label {
  color: #5E7482;
}
.connections-container.common-header-underlay div.common-header {
  padding-left: 9.023%;
}
.connections-container.subnav-offset {
  margin-top: 54px;
}
.connections-container .tablerow {
  display: inline-grid;
  position: relative;
}
.connections-container .tablerow-single-field {
  width: 90%;
  padding-right: 5%;
}
.connections-container .trigger-title .tablerow-primary-field {
  padding-right: 0%;
}
.connections-container .tablerow-primary-field {
  width: 100%;
  padding-right: 8%;
}
.connections-container .tablerow-secondary-field {
  width: 20%;
  padding-right: 1%;
}
.connections-container .tablerow-secondary-field .trigger-name-mobile,
.connections-container .tablerow-secondary-field .applet-name-mobile {
  margin-bottom: 10px;
  font-size: 13px;
  color: #5E7482;
  display: block;
}
.connections-container .lastfield {
  width: 21%;
}
.connections-container .tablerow-secondary--space {
  margin-left: 4.75%;
}
.connections-container .tag {
  width: 85px;
  height: 20px;
  border-radius: 10px;
  background: #FFEEBE;
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  padding-top: 2px;
  margin-bottom: 12px;
}
.connections-container .tableheader {
  margin-top: 2%;
  margin-bottom: 3%;
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
  text-align: left;
  color: #5a5f62;
  background: #f7f9fb;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  border-radius: 8px;
}
.connections-container .tableheader .primary-field {
  width: 50%;
  display: inline-grid;
  position: relative;
  padding-right: 5%;
}
.connections-container .tableheader .secondary-field {
  width: 20%;
  display: inline-grid;
  position: relative;
  padding-right: 1%;
}
.connections-container input[type=checkbox] {
  margin: 0;
}
.connections-container .checkbox {
  margin-right: 60px;
}
.connections-container .checkbox > label {
  min-height: 16px;
}
.connections-container .checkbox input[type="checkbox"] {
  height: 16px;
  width: 16px;
}
.connections-container .checkbox.checked input[id="selectAll"]:before {
  content: '';
  background-color: #395FF0;
  background-image: url(/images/marketplace/minus-0a7dfffebbe95865753809672ec22309.svg);
  background-repeat: no-repeat;
  background-position: 0 7px;
  background-size: 17px;
  display: block;
  height: 20px;
  width: 20px;
  border: 1.5px solid #395FF0;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 4px #395FF0;
  outline: 1px solid #395FF0;
}
.connections-container .checkbox input[type="checkbox"]:checked:before {
  content: '';
  background-color: #395FF0;
  background-image: url(/images/marketplace/check-white-bcb1458203b3793aade92b1c1e32b18b.svg);
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 17px;
  display: block;
  height: 20px;
  width: 20px;
  border: 1.5px solid #395FF0;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 4px #395FF0;
  outline: 1px solid #395FF0;
}
.connections-container .checkbox input[type="checkbox"][disabled]:before {
  content: '';
  background-color: #DDE3E8;
  background-image: url(/images/marketplace/check-02fa017a10fe531055e3bb5cea44842d.svg);
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 17px;
  display: block;
  height: 20px;
  width: 20px;
  border: 1.5px solid #DDE3E8;
  border-radius: 4px;
  outline: 1px solid #DDE3E8;
}
.connections-container .connections-section {
  margin-top: 95px;
}
.connections-container .connections-section > span {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  color: #323436;
  display: inline-block;
  position: relative;
  min-width: 80%;
}
.connections-container .connections-section > p {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #5a5f62;
  position: relative;
  padding-top: 14px;
}
.connections-container .connections-section > button {
  color: #ffffff;
  background-color: #395FF0;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  width: inherit;
  padding: 0% 2%;
  height: 38px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  max-width: 20%;
  vertical-align: top;
  float: right;
}
.connections-container .connection--carousel-header {
  background: #ffffff;
}
.connections-container .connection--carousel-header .carousel-section > span {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 26px;
  color: #323436;
  display: inline-block;
  position: relative;
  min-width: 80%;
}
.connections-container .connection--carousel-header .carousel-section > p {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  display: inline-block;
  position: relative;
  color: #5E7482;
  margin-top: 20px;
}
.connections-container .connection--carousel-header .carousel-section .connections--carousel-title {
  margin-top: 50px;
}
.connections-container .connection--carousel-header .carousel-section .connections--carousel-title .react-multi-carousel-dot-list {
  margin-top: 50px;
  bottom: auto;
}
.connections-container .connection--carousel-header .carousel-section .connections--carousel-title .react-multi-carousel-list .carousel-item-padding-30-px {
  padding-right: 30px;
}
.connections-container .connection--carousel-header .carousel-section .carousel--item-higlight {
  height: 238px;
  padding-top: 30px;
  border-radius: 8px;
}
.connections-container .connection--carousel-header .carousel-section .carousel--item-higlight > span {
  margin-left: 30px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
}
.connections-container .connection--carousel-header .carousel-section .carousel--item-higlight > p {
  margin-left: 30px;
  margin-top: 48px;
  font-weight: normal;
  font-size: 22px;
  line-height: 36px;
  color: #ffffff;
  margin-right: 30px;
}
.connections-container .connection--carousel-header .carousel-section .with-icon {
  font-family: Roobert, sans-serif;
  font-style: normal;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.2);
  border-radius: 8px;
  height: auto;
}
.connections-container .connection--carousel-header .carousel-section .with-icon > img {
  margin-bottom: 22px;
  background: #5693F8;
  border-radius: 6px;
  width: 60px;
  height: 60px;
  margin-left: 30px;
  display: grid;
}
.connections-container .connection--carousel-header .carousel-section .with-icon > span {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #323436;
}
.connections-container .connection--carousel-header .carousel-section .with-icon > p {
  margin-top: 14px;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: #5E7482;
  margin-bottom: 40px;
}
.connections-container .connection--carousel-header .carousel-section .with-header {
  font-family: Roobert, sans-serif;
  font-style: normal;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.2);
  border-radius: 8px;
  height: auto;
}
.connections-container .connection--carousel-header .carousel-section .with-header > div {
  margin-bottom: 22px;
  background: #E8F0FE;
  border-radius: 8px;
  width: 74px;
  height: 28px;
  margin-left: 30px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 4px;
  color: #395FF0;
}
.connections-container .connection--carousel-header .carousel-section .with-header > span {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #323436;
}
.connections-container .connection--carousel-header .carousel-section .with-header > p {
  margin-top: 14px;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: #5E7482;
  margin-bottom: 40px;
}
.connections-container .connection--carousel-header .carousel-section .react-multi-carousel-dot > button {
  background: #dde3e8;
  border-radius: 100px;
}
.connections-container .connection--carousel-header .carousel-section .react-multi-carousel-dot--active > button {
  width: 80px;
  height: 10px;
  background-color: #323436;
  border-radius: 100px;
}
.connections-container .connections-header {
  margin-top: 60px;
}
.connections-container .connections-header > h2 {
  margin-top: 5%;
  font-family: Roobert Bold, sans-serif;
  font-style: normal;
  font-size: 36px;
  line-height: 40px;
  color: #00406e;
  margin-top: 7%;
  display: inline-block;
  position: relative;
  min-width: 80%;
}
.connections-container .connections-header > p {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #5a5f62;
  position: relative;
  padding-top: 14px;
}
.connections-container .connections-header > button {
  color: #ffffff;
  background-color: #395FF0;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  width: inherit;
  padding: 0% 2%;
  height: 38px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  max-width: 20%;
  margin-top: 7%;
  vertical-align: top;
  float: right;
}
.connections-container .connections-header .bundles-title {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  color: #5a5f62;
}
.connections-container .connections-header .bundles-description {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #5a5f62;
  position: relative;
  margin-top: 1%;
}
.connections-container .connection--header-highlight {
  padding-bottom: 2.5%;
  border-bottom: #dde3e8 1px solid;
  border-top: #dde3e8 1px solid;
  background: #f7f9fb;
}
.connections-container .connection--header-highlight > h2 {
  color: #323436;
  font-weight: 600;
  line-height: 48px;
}
.connections-container .connection--header-highlight > p {
  font-size: 20px;
  line-height: 26px;
  color: #5E7482;
}
.connections-container .connection--header-highlight > button {
  height: 48px;
  width: 220px;
  border-radius: 8px;
  background: #3F64F2;
}
.connections-container .connections--view-title {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 26px;
  color: #323436;
  margin-top: 5%;
}
.connections-container .product {
  padding-right: 44px;
}
.connections-container .marketplace-showmore--button {
  background: #395FF0;
  border-radius: 8px;
  width: 160px;
  height: 40px;
  color: #ffffff;
  font-size: 14px;
  margin: auto;
  margin-bottom: 100px;
}
.connections-container .seemore-button {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.connections-container .seemore-button #seeMoreButton {
  background: #395FF0;
  color: #ffffff;
  border-radius: 8px;
  width: 150px;
  height: 38px;
  margin: 0 auto;
  line-height: normal;
}
.connections-container .marketplace-button {
  background: #395FF0;
  border-radius: 8px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  align-items: center;
  text-align: center;
  height: 38px;
  width: 150px;
  color: #ffffff;
}
.connections-container .triggers-list {
  margin-top: 110px;
}
.connections-container .content-padding {
  padding-right: 9.023%;
  padding-left: 9.023%;
}
.connections-container .content-padding.load-more {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
.connections-container .content-padding button {
  display: block;
  margin-bottom: 0px;
}
.connections-container .content-padding .subscribe-section button {
  padding: 0 20px;
}
.common-header-slate-color .common-header {
  background-color: #5D5AFF;
}
.common-header-slate-color .common-header .header-text > h1 {
  color: #ffffff;
}
.common-header-slate-color .common-header .header-text > span {
  color: #ffffff;
}
.connections--button {
  background: #3F64F2;
  border-radius: 8px;
  width: 160px;
}
.connections--button:hover {
  background: #3F64F2;
}
.container--connections-common {
  background-color: #ffffff;
}
.add-first-connection {
  display: grid;
  grid-template-columns: auto;
  padding-top: 7%;
  padding-bottom: 5%;
  justify-items: center;
  align-items: center;
}
.add-first-connection .add-first-connection-details .add-first-connections-title {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 28px;
  line-height: 40px;
  color: #323436;
  padding-bottom: 16px;
  text-align: center;
  padding-top: 40px;
}
.add-first-connection .add-first-connection-details .add-first-connections-description {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
  color: #5a5f62;
  padding-bottom: 40px;
}
.add-first-connection .add-first-connection-details .add-first-connections {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.add-first-connection .add-first-connection-details .add-first-connections .browse-connections {
  border-radius: 8px;
  color: #ffffff;
  width: 185px;
  height: 48px;
  margin-top: 0px;
}
.add-first-connection .add-first-connection-details .add-first-connections .new-connection {
  background: transparent;
  border: 1px solid #C2C2C2;
  width: 185px;
  height: 48px;
  border-radius: 8px;
  font-size: 16px;
  color: #5E7482;
  margin-left: 30px;
}
.add-first-connection .add-first-connection-details .add-first-connections .new-connection:hover,
.add-first-connection .add-first-connection-details .add-first-connections .new-connection:focus {
  background-color: #a9a9a9;
  border-color: #57c9e8;
  border-width: 3px;
}
.createconnection-successmodal-container .modal-dialog {
  width: 960px;
}
.createconnection-successmodal-container .modal-dialog .modal-content {
  padding-left: 40px;
}
.createconnection-successmodal-container .modal-dialog .modal-content .modal-body {
  display: none;
}
.createconnection-successmodal-container .modal-title {
  padding-top: 20px;
  color: #5E7482;
  font-size: 36px;
  text-align: left;
  font-family: Roobert Bold, sans-serif;
  font-style: bold;
  color: #00406e;
  display: flex;
  padding-left: 30px;
}
.createconnection-successmodal-container .modal-title .modal-section-icon img {
  margin-top: 10px;
}
.createconnection-successmodal-container .modal-title .modal-section-icon .modal-image-icon {
  height: 60px;
  width: 60px;
  margin-right: 10px;
}
.createconnection-successmodal-container .modal-title .modal-body-header {
  padding-left: 30px;
  font-family: Roobert Bold, sans-serif;
}
.createconnection-successmodal-container .modal-title .modal-body-header .modal-body-desc {
  font-size: 14px;
  display: block;
  color: #5E7482;
  font-family: Roobert, sans-serif;
}
.createconnection-successmodal-container .modal-footer {
  text-align: left;
  padding: 20px;
  padding-left: 30px;
  margin-top: -80px;
  margin-left: 0px;
  margin-right: 0px;
}
.createconnection-successmodal-container .modal-footer .modal-button {
  font-size: 16px;
  font-family: Roobert, sans-serif;
  border-color: #0278B6;
  display: block;
  padding-top: 20%;
  width: 25%;
  padding-left: 35%;
}
.createconnection-successmodal-container .modal-footer .modal-button .btn-default {
  background: #0278B6;
  color: #ffffff;
  width: 160px;
  height: 38px;
  border-radius: 2px;
}
.createconnection-successmodal-container .modal-footer .modal-button:hover .btn-default,
.createconnection-successmodal-container .modal-footer .modal-button:focus .btn-default {
  background: #015784;
  color: #ffffff;
}
.browse-connections {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  color: #5a5f62;
  margin-top: 95px;
}
.connections-navs {
  margin-top: 3%;
  margin-bottom: 3%;
}
.connections-navs .connections-content-tabs {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 50px;
}
.connections-navs .connections-content-tabs .select-sort {
  padding-right: 10px;
  width: 200px;
  height: 38px;
}
.connections-navs .connections-content-tabs .select-sort .Select-control {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #323436;
  padding-left: 10px;
}
.connections-navs .connections-content-tabs .select-sort .Select-control .Select-multi-value-wrapper .Select-placeholder {
  color: #333;
}
.connections-navs .connections-content-tabs .select-sort .Select-control .Select-clear-zone {
  display: none;
}
.connections-navs .connections-content-tabs .select-sort .Select-menu-outer {
  width: 95.6%;
  font-size: 14px;
}
.connections-navs .connections-content-tabs .connections-select-bundles {
  margin-top: 4%;
  background: #ffffff;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  border-radius: 2px;
  width: 124px;
  height: 38px;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #5E7482;
  padding-left: 8px;
  padding-top: 8px;
  padding-right: 8px;
}
.connections-navs .connections-content-tabs .connections-select-bundles > select {
  border: none;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #323436;
  padding-left: 8px;
}
.connections-navs .connections-content-tabs .select-bundles {
  padding-right: 11px;
  width: 250px;
  height: 38px;
}
.connections-navs .connections-content-tabs .select-bundles .Select-control {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #323436;
  padding-left: 10px;
}
.connections-navs .connections-content-tabs .select-bundles .Select-control .Select-clear-zone {
  display: none;
}
.connections-navs .connections-content-tabs .select-bundles .Select-control .Select-multi-value-wrapper .Select-input {
  padding-left: 0;
  max-width: 200px;
}
.connections-navs .connections-content-tabs .select-bundles .Select-menu-outer {
  width: 95.1%;
  font-size: 14px;
}
.connections-navs .connections-content-tabs .select-bundles .Select-menu-outer .Select-menu {
  max-height: 170px;
}
.connections-navs .connections-content-tabs .select-platform {
  padding-right: 10px;
  width: 250px;
  height: 38px;
}
.connections-navs .connections-content-tabs .select-platform .Select-control {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #323436;
  padding-left: 10px;
}
.connections-navs .connections-content-tabs .select-platform .Select-control .Select-clear-zone {
  display: none;
}
.connections-navs .connections-content-tabs .select-platform .Select-control .Select-multi-value-wrapper .Select-input {
  padding-left: 0;
  max-width: 200px;
}
.connections-navs .connections-content-tabs .select-platform .Select-menu-outer {
  width: 95.6%;
  font-size: 14px;
}
.connections-navs .connections-content-tabs .select-platform .Select-menu-outer .Select-menu {
  max-height: 170px;
}
.connections-navs .connections-content-tabs .connections--select-highlight {
  width: 16%;
  height: 38px;
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 8px;
  padding-right: 9px;
}
.connections-navs .connections-content-tabs .subscribe-section {
  display: flex;
  justify-content: space-between;
  height: 60px;
  background: #1F2629;
  border-radius: 8px;
  flex: none;
  order: 0;
  align-self: stretch;
  align-items: center;
}
.connections-navs .connections-content-tabs .subscribe-section .subscribe--selection-count {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 15px;
  text-align: right;
  margin: 5px 30px;
  height: 24px;
  margin-left: 40px;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  width: auto;
}
.connections-navs .connections-content-tabs .subscribe-section .marketplace-subscribe--button {
  background: #395FF0;
  border-radius: 8px;
  min-width: auto;
  height: 40px;
  color: #ffffff;
  font-size: 14px;
  padding-right: 40px;
}
.connections-navs .connections-content-tabs .subscribe-section .marketplace-promote--button {
  background: #395FF0;
  width: 100px;
  height: 38px;
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
}
.connections-navs .connections-content-tabs .subscribe-section .marketplace-delete--button {
  width: 100px;
  height: 38px;
  color: #f34235;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #C2C2C2;
  border-radius: 8px;
  margin-right: 20px;
}
.connections-navs .connections-content-tabs .subscribe-section .ui-action-button.btn.btn-default.btn-primary {
  background: #1F2629;
  border: none;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  color: #FFC627;
}
.connections-navs .connections-content-tabs .subscribe-section .ui-action-button.btn.btn-default.btn-primary:focus,
.connections-navs .connections-content-tabs .subscribe-section .ui-action-button.btn.btn-default.btn-primary:active {
  box-shadow: none;
}
.connections-navs .connections-content-tabs .connections-select-platforms {
  margin-left: 5%;
  margin-top: 4%;
  background: #ffffff;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  border-radius: 2px;
  min-width: 180px;
  height: 38px;
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #5E7482;
  padding-left: 8px;
  padding-top: 8px;
  padding-right: 6px;
}
.connections-navs .connections-content-tabs .connections-select-platforms.triggers-platform {
  margin-left: 0px;
  margin-top: 80px;
}
.connections-navs .connections-content-tabs .connections-select-platforms > Select {
  border: none;
  padding-left: 10px;
  text-transform: capitalize;
}
.connections-navs .connections-content-tabs .connections-select-platforms > Select .Select-control {
  border: none;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #323436;
  padding-left: 13px;
}
.connections-navs .connections-content-tabs > li {
  display: inline-block;
  padding-right: 5%;
  margin-top: 4%;
}
.connections-navs .connections-content-tabs > li > a {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #5a5f62;
}
.connections-navs .connections-content-tabs > li.active > a {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #0278B6;
  border-bottom: 4px solid #0278B6;
}
.connections-navs .connections-content-tabs .active {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #0278B6;
}
.connections-navs .connections-content-tabs .search-container {
  float: right;
  border-bottom: 1px solid #dde3e8;
  margin-left: 20%;
  padding-bottom: 5px;
}
.connections-navs .connections-content-tabs .search-container > svg {
  position: absolute;
  margin-top: 1%;
  color: #3F64F2;
  height: 16px;
}
.connections-navs .connections-content-tabs .search-container .search-box {
  background: #ffffff;
  width: 250px;
  border: none;
  outline: 0;
  background: transparent;
  margin-top: 3%;
  padding-left: 30px;
}
.connections-navs .connections-content-tabs .search-container ::placeholder {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #5E7482;
}
.connections-navs .connections-content-tabs .search-container > span .clear-search {
  float: right;
}
.connections-navs .connections-content-tabs .search-container > span .clear-search > svg {
  position: absolute;
  margin-top: 1%;
  color: #5E7482;
  height: 16px;
  margin-left: -10px;
}
.connections-navs.triggers .connections-content-tabs {
  display: flex;
  justify-content: space-between;
}
.connections-navs.triggers .select-platform {
  margin-left: 0px;
}
.connections-details {
  display: flex;
  flex-direction: column;
  margin-top: 2%;
  width: 100%;
  margin-bottom: 50px;
}
.connections-details .tablerow-left-margin {
  margin: 0px;
}
.connections-details .tablerow-left-margin .subscribed-pill {
  text-align: center;
  width: fit-content;
  width: -moz-fit-content;
  border-radius: 0px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 10px;
  position: absolute;
  left: -32px;
  color: #008858;
  background-color: #E7FADB;
  padding: 5px;
}
.connections-details .tablerow-left-margin .subscribed-pill > span {
  vertical-align: middle;
}
.connections-details .tablerow-left-margin .trigger-checkbox-tablerow-primary-wrapper {
  display: flex;
  width: 54%;
  position: relative;
}
.connections-details .tablerow-left-margin .trigger-checkbox-tablerow-primary-wrapper .subscribed-label {
  background: #DDE3E8;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0px 5px;
  position: absolute;
  left: 20px;
  top: -25px;
  font-size: 12px;
  display: none;
}
.connections-details .tablerow-left-margin .trigger-checkbox-tablerow-primary-wrapper:hover .subscribed-label {
  display: block;
}
.connections-details .tablerow-margin-unset {
  padding: 28px 0 28px 0;
}
.connections-details .wrap > img {
  float: left;
  padding-right: 30px;
}
.connections-details .wrap .accent {
  float: left;
  width: 6px;
  height: 30px;
  margin-right: 2%;
  margin-top: 20px;
}
.connections-details .wrap .tablerow-with-accent {
  width: 90%;
}
.connections-details .wrap > div .div1,
.connections-details .wrap > span .div1 {
  padding-left: 30px;
}
.connections-details .wrap > div .div1 .platform-type,
.connections-details .wrap > span .div1 .platform-type {
  margin-bottom: 2%;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #5E7482;
}
.connections-details .wrap > div .div1 .platform-description,
.connections-details .wrap > span .div1 .platform-description {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  color: #323436;
}
.connections-details .wrap > div .div1 {
  padding-left: 0px;
}
.connections-details .platform-description {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 15px;
  text-align: left;
  color: #5E7482;
}
.connections-details .withundertrigg-applet {
  font-weight: 600;
  font-size: 15px;
  color: #323436;
}
.connections-details .accent {
  height: 24px;
}
.trigger-hr-spacing {
  margin-left: 2%;
  display: flex;
}
.tablemargin-bottom {
  margin-bottom: 1%;
  padding: 10px 0 10px 0;
}
.trigger-title {
  border: 1px solid #DDE3E8;
  box-sizing: border-box;
  border-radius: 8px;
  background: #F7F9FB;
}
.trigger-title button > span {
  display: flex;
}
.trigger-title button .show-up-fa {
  margin-left: 5px;
}
.trigger-title button .show-up-fa .fa-caret-down {
  display: none;
}
.trigger-title button .show-down-fa {
  color: #323436;
  margin-left: 5px;
}
.trigger-title button .show-down-fa .fa-caret-up {
  display: none;
}
.trigger-title button .tablemargin-bottom {
  margin-bottom: 1%;
  padding: 10px 0 10px 0;
}
.trigger-title button.trigger-title {
  border: 1px solid #DDE3E8;
  box-sizing: border-box;
  border-radius: 8px;
  background: #F7F9FB;
}
.trigger-title button.trigger-title button > span {
  display: flex;
  align-items: stretch;
}
.trigger-title button.trigger-title .trigger-checkbox-tablerow-primary-wrapper {
  display: flex;
  width: 54%;
  align-items: center;
  position: relative;
}
.trigger-title button.trigger-title .trigger-name-dropdown {
  font-family: Roobert Medium, sans-serif;
  font-size: 14px;
  text-align: right;
  color: #0278B6;
}
.trigger-title button.trigger-title .trigger-description {
  font-family: Roobert, sans-serif;
  font-size: 15px;
  font-style: normal;
  text-align: left;
  color: #5a5f62;
}
.trigger-title button.trigger-title .connections-trigger-name {
  font-family: Roobert Medium, sans-serif;
  width: 75px;
  height: 22px;
  top: calc(50% - 22px/2);
  font-size: 15px;
  text-align: right;
  color: #323436;
}
.trigger-title button.trigger-title .default-head--theme {
  color: #5a5f62;
}
.trigger-title button.trigger-title .connection-click-theme {
  color: #3F64F2;
  display: block;
}
.trigger-title button.trigger-title .connection-click-theme .fa-caret-down {
  display: none;
}
.trigger-title button.trigger-title .connections-trigger-subname {
  padding: 20px 0px;
  font-weight: 400;
}
.trigger-title button.row-left-spacing {
  margin: 0;
}
.trigger-title .row-padding {
  margin-bottom: 15px;
}
.trigger-title .row-border {
  border-bottom: 1px solid #dde3e8;
}
.trigger-title .row-border:hover {
  position: relative;
  outline: 0;
  cursor: pointer;
  border-radius: 10px;
}
.trigger-title .row-border:last-child {
  border-bottom: none;
}
.trigger-title .click {
  cursor: pointer;
}
.trigger-title .connections--table-higlight {
  background: #f7f9fb;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  border-radius: 8px;
  height: 62px;
}
.trigger-title .collections--connection-icon {
  margin-left: 10px;
  color: #323436;
}
.trigger-title .grid--heading-section {
  display: flex;
  margin-left: 8px;
}
.trigger-title .data--grid-selection {
  margin-right: 30px;
}
.myapplets-container .applet-submitted {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  color: #5a5f62;
  margin-top: 4%;
}
.myapplets-container .browse_applets_title {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  color: #5a5f62;
  margin-top: 5.04%;
}
.myapplets-container .applet-spotlight .carousel {
  position: relative;
  margin-left: -8.5%;
  margin-right: -8.5%;
}
.myapplets-container .applet-spotlight .carousel .carousel-web-display .carousel-control.left {
  display: none;
}
.myapplets-container .applet-spotlight .carousel .carousel-web-display .carousel-control.right {
  margin-right: -130px;
  background: #2c3337;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  margin-top: 6%;
}
.myapplets-container .applet-spotlight .carousel .carousel-web-display .carousel-inner {
  margin-left: 200px;
  margin-right: 200px;
}
.myapplets-container .applet-spotlight .carousel .carousel-web-display .carousel-inner .landing-products {
  height: 222px;
  width: 290px;
  color: #000000;
  border-radius: 2px;
  border: solid 1px #dde3e8;
  box-sizing: border-box;
  background-color: #ffffff;
  margin-top: 30px;
}
.myapplets-container .applet-spotlight .carousel .carousel-web-display .carousel-inner .landing-products .product-image > img {
  padding-left: 20px;
  padding-top: 24px;
  float: left;
}
.myapplets-container .applet-spotlight .carousel .carousel-web-display .carousel-inner .landing-products .product-title {
  color: #00406e;
  padding-left: 20px;
}
.myapplets-container .applet-spotlight .carousel .carousel-web-display .carousel-inner .landing-products .product-title i {
  font-size: 50px;
}
.myapplets-container .applet-spotlight .carousel .carousel-web-display .carousel-inner .landing-products .product-title .title {
  font-family: Roobert Medium, sans-serif;
  margin-top: 10px;
  text-align: left;
}
.myapplets-container .applet-spotlight .carousel .carousel-web-display .carousel-inner .landing-products .product-desc {
  margin: 4% 0 7% 0;
  height: 50%;
  text-align: left;
  padding-left: 20px;
}
.myapplets-container .myapplets-header {
  margin-top: 5%;
}
.myapplets-container .myapplets-header .connection-header-title-desc > h2 {
  margin-top: 5%;
  font-family: Roobert Bold, sans-serif;
  font-style: normal;
  font-size: 36px;
  line-height: 40px;
  color: #00406e;
  margin-top: 7%;
}
.myapplets-container .myapplets-header .connection-header-title-desc > p {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  color: #5a5f62;
  position: relative;
  max-width: 80%;
  margin-top: 1%;
}
.myapplets-container .myapplets-header .submit-applet {
  float: right;
  margin-top: -5%;
  color: #ffffff;
  background-color: #395FF0;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  align-content: center;
  width: 160px;
  height: 38px;
  border-radius: 2px;
}
.myapplets-container .myapplets-navs .connections-content-tabs > li {
  display: inline-block;
  padding-right: 5%;
  margin-top: 4%;
}
.myapplets-container .myapplets-navs .connections-content-tabs > li > a {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #5a5f62;
}
.myapplets-container .myapplets-navs .connections-content-tabs > li.active > a {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #0278B6;
  border-bottom: 4px solid #0278B6;
}
.myapplets-container .myapplets-navs .connections-content-tabs .active {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #0278B6;
}
.myapplets-container .myapplets-navs .connections-content-tabs .search-container {
  float: right;
  margin-top: 4%;
}
.myapplets-container .myapplets-navs .connections-content-tabs .search-container .search-box {
  background: #ffffff;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  border-radius: 2px;
  width: 350px;
  height: 44px;
}
.myapplets-container .myapplets-navs .connections-content-tabs .search-container > svg {
  position: absolute;
  margin-right: 49%;
  margin-top: 0.9%;
  color: #cccccc;
}
.myapplets-container .myapplets-navs .connections-content-tabs .search-container .placeholder {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  height: 25px;
  font-size: 25px;
  text-indent: 40px;
  margin: auto;
  color: #cccccc;
  padding-left: 10px;
}
.myapplets-container .myconnections-details .applets-table .applets-header {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #5a5f62;
}
.myapplets-container .myconnections-details .applets-table .applets-row {
  display: grid;
  grid-template-columns: 2.5fr repeat(2, 1fr) 0.5fr;
  margin-top: 2%;
}
.myapplets-container .myconnections-details .applets-table .applets-row .wrap .div1 > h3 {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #5E7482;
}
.myapplets-container .myconnections-details .applets-table .applets-row .wrap .div1 > p {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  color: #323436;
}
.myapplets-container .myconnections-details .applets-table .applets-row > div {
  padding: 15px 0;
}
.myapplets-container .myconnections-details .applets-table .applets-row > div:first-of-type i.fa {
  margin-right: 10px;
}
.myapplets-container .myconnections-details .applets-table .applets-row > div:last-of-type {
  text-align: right;
}
.myapplets-container .myconnections-details .applets-table .applets-row > div:last-of-type i.fa,
.myapplets-container .myconnections-details .applets-table .applets-row > div:last-of-type a {
  color: #395FF0;
  margin-left: 10px;
}
.myapplets-container .myconnections-details .applets-table .applets-row > div:last-of-type i.fa:hover,
.myapplets-container .myconnections-details .applets-table .applets-row > div:last-of-type a:hover {
  color: #395FF0;
}
.myapplets-container .myconnections-details .applets-table .applets-row .details .details-type {
  float: left;
  padding-right: 15px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #5E7482;
}
.myapplets-container .myconnections-details .applets-table .applets-row .details .applet-status {
  float: left;
  margin-left: -54px;
}
.myapplets-container .myconnections-details .applets-table .applets-row .details .applet-status > p {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  color: #323436;
}
.myapplets-container .myconnections-details .applets-table .applets-row .details .div1 {
  margin-top: auto;
  padding-left: 15px;
}
.myapplets-container .myconnections-details .applets-table .applets-row .plugin-description {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  display: flex;
  align-items: center;
  color: #5E7482;
}
.myapplets-container .myconnections-details .applets-table .applets-header {
  font-weight: bold;
  margin-top: 20px;
}
.trigger-container {
  font-family: Roobert, sans-serif;
}
.trigger-container .connections-content-tabs {
  display: flex;
  justify-content: space-between;
}
.trigger-container .content-padding {
  padding-right: 9.023%;
  padding-left: 9.023%;
}
.trigger-container.common-header-underlay div.common-header {
  padding-left: 9.023%;
}
.trigger-container.common-header-underlay div.common-header .header-text h1 {
  width: auto;
  font-size: 36px;
}
.trigger-container.common-header-underlay div.common-header .header-text span {
  font-size: 20px;
  margin-top: 1%;
}
.trigger-container.subnav-offset {
  margin-top: 54px;
}
.trigger-container .connections-header {
  margin-top: 60px;
}
.trigger-container .connections-header > h2 {
  margin-top: 5%;
  font-family: Roobert Bold, sans-serif;
  font-style: normal;
  font-size: 36px;
  line-height: 40px;
  color: #00406e;
  margin-top: 7%;
  display: inline-block;
  position: relative;
  min-width: 80%;
}
.trigger-container .connections-header > p {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #5a5f62;
  position: relative;
  padding-top: 14px;
}
.trigger-container .connections-header > button {
  color: #ffffff;
  background-color: #395FF0;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  width: inherit;
  padding: 0% 2%;
  height: 38px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  max-width: 20%;
  margin-top: 7%;
  vertical-align: top;
  float: right;
}
.trigger-container .connections-header .bundles-title {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  color: #5a5f62;
}
.trigger-container .connections-header .bundles-description {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #5a5f62;
  position: relative;
  margin-top: 1%;
}
.trigger-container .connection--carousel-header {
  background: #ffffff;
}
.trigger-container .connection--carousel-header .carousel-section > span {
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 24px;
  line-height: 26px;
  color: #323436;
  display: inline-block;
  position: relative;
  min-width: 80%;
}
.trigger-container .connection--carousel-header .carousel-section > p {
  font-family: Roobert, sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  display: inline-block;
  position: relative;
  color: #5E7482;
  margin-top: 20px;
}
.trigger-container .connection--carousel-header .carousel-section .connections--carousel-title {
  margin-top: 50px;
}
.trigger-container .connection--carousel-header .carousel-section .connections--carousel-title .react-multi-carousel-dot-list {
  margin-top: 50px;
  bottom: auto;
}
.trigger-container .connection--carousel-header .carousel-section .connections--carousel-title .react-multi-carousel-list .carousel-item-padding-30-px {
  padding-right: 30px;
}
.trigger-container .connection--carousel-header .carousel-section .carousel--item-higlight {
  height: 238px;
  padding-top: 30px;
  border-radius: 8px;
}
.trigger-container .connection--carousel-header .carousel-section .carousel--item-higlight > span {
  margin-left: 30px;
  font-family: Roobert Medium, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
}
.trigger-container .connection--carousel-header .carousel-section .carousel--item-higlight > p {
  margin-left: 30px;
  margin-top: 48px;
  font-weight: normal;
  font-size: 22px;
  line-height: 36px;
  color: #ffffff;
  margin-right: 30px;
}
.trigger-container .connection--carousel-header .carousel-section .with-icon {
  font-family: Roobert, sans-serif;
  font-style: normal;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.2);
  border-radius: 8px;
  height: auto;
}
.trigger-container .connection--carousel-header .carousel-section .with-icon > img {
  margin-bottom: 22px;
  background: #5693F8;
  border-radius: 6px;
  width: 60px;
  height: 60px;
  margin-left: 30px;
  display: grid;
}
.trigger-container .connection--carousel-header .carousel-section .with-icon > span {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #323436;
}
.trigger-container .connection--carousel-header .carousel-section .with-icon > p {
  margin-top: 14px;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: #5E7482;
  margin-bottom: 40px;
}
.trigger-container .connection--carousel-header .carousel-section .with-header {
  font-family: Roobert, sans-serif;
  font-style: normal;
  border: 1px solid #dde3e8;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px rgba(94, 116, 130, 0.2);
  border-radius: 8px;
  height: auto;
}
.trigger-container .connection--carousel-header .carousel-section .with-header > div {
  margin-bottom: 22px;
  background: #E8F0FE;
  border-radius: 8px;
  width: 74px;
  height: 28px;
  margin-left: 30px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 4px;
  color: #395FF0;
}
.trigger-container .connection--carousel-header .carousel-section .with-header > span {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #323436;
}
.trigger-container .connection--carousel-header .carousel-section .with-header > p {
  margin-top: 14px;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: #5E7482;
  margin-bottom: 40px;
}
.trigger-container .connection--carousel-header .carousel-section .react-multi-carousel-dot > button {
  background: #dde3e8;
  border-radius: 100px;
}
.trigger-container .connection--carousel-header .carousel-section .react-multi-carousel-dot--active > button {
  width: 80px;
  height: 10px;
  background-color: #323436;
  border-radius: 100px;
}
.trigger-container .connections-section {
  margin-top: 60px;
}
.trigger-container .connections-section span {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  color: #323436;
  display: block;
}
.trigger-container .connections-details {
  margin-top: 2.2%;
  margin-bottom: 2.86%;
}
.trigger-container .connections-details .wrap.trigger-title .trigger-checkbox-tablerow-primary-wrapper {
  display: flex;
  width: 40%;
  align-items: center;
}
.trigger-container .connections-details .trigger-checkbox-tablerow-primary-wrapper {
  display: flex;
  width: 40%;
}
.trigger-container .connections-details .header-api-icon {
  background-color: #692C8F;
  color: #ffffff;
  width: 60px;
  height: 60px;
  padding: 13px;
  border-radius: 6px;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .trigger-container .connections-details .header-api-icon {
    margin-bottom: 24px;
    width: 44px;
    height: 44px;
    padding: 8px;
  }
}
.trigger-container .tablerow {
  display: inline-grid;
  position: relative;
}
.trigger-container .tablerow-single-field {
  width: 98%;
  padding-right: 2%;
}
.trigger-container .tablerow-primary-field {
  width: 100%;
}
.trigger-container .tablerow-secondary-field {
  width: 20%;
  padding-right: 1%;
}
.trigger-container .tablerow-secondary-field .trigger-name-mobile,
.trigger-container .tablerow-secondary-field .applet-name-mobile {
  margin-bottom: 10px;
  font-size: 13px;
  color: #5E7482;
  display: block;
}
.trigger-container .lastfield {
  width: 40%;
}
.trigger-container .seemore-button {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.trigger-container .seemore-button #seeMoreButton {
  background: #395FF0;
  color: #ffffff;
  border-radius: 8px;
  width: 150px;
  height: 38px;
  margin: 0 auto;
}
.trigger-container .compatible-actions {
  margin-top: 90px;
}
.trigger-container .compatible-actions span {
  font-size: 24px;
  line-height: 26px;
  color: #323436;
}
.trigger-container .compatible-actions .bundles-description {
  margin-top: 20px;
  margin-bottom: 50px;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #5E7482;
}
.trigger-container .marketplace-divider-padding {
  margin-bottom: 260px;
}
.trigger-container.resources .common-header {
  padding-left: 7.28%;
  height: 198px;
}
.trigger-container.resources .common-header .breadcrumbs {
  margin-bottom: 0px;
}
@media (max-width: 480px) {
  .trigger-container.resources .common-header {
    height: 200px;
    align-items: flex-start;
    padding: 0% 3%;
  }
}
@media (max-width: 1199px) {
  .trigger-container.resources .common-header {
    padding: 0% 3%;
  }
}
.trigger-container.resources .common-header .common-header-content {
  position: relative;
  width: 100%;
  padding-left: 50px;
}
@media (max-width: 480px) {
  .trigger-container.resources .common-header .common-header-content {
    padding-left: 0px;
    padding-top: 90px;
  }
}
.trigger-container.resources .common-header .common-header-content .header-text {
  position: relative;
  transform: none;
}
.trigger-container.resources .common-header .common-header-content .header-text h1 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 6px;
}
@media (max-width: 480px) {
  .trigger-container.resources .common-header .common-header-content .header-text h1 {
    font-size: 22px;
    line-height: 1.1;
  }
}
@media (max-width: 767px) {
  .trigger-container.resources .common-header .common-header-content .header-text h1 {
    margin-top: 0px;
  }
}
.trigger-container.resources .common-header .common-header-content .header-text span {
  color: #5E7482;
  top: 6px;
  position: relative;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 480px) {
  .trigger-container.resources .common-header .common-header-content .header-text span {
    font-size: 16px;
  }
}
.trigger-container.resources .header-api-icon {
  background-color: #692C8F;
  color: #ffffff;
  width: 60px;
  height: 60px;
  padding: 13px;
  border-radius: 6px;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .trigger-container.resources .header-api-icon {
    margin-bottom: 24px;
    width: 44px;
    height: 44px;
    padding: 8px;
  }
}
.trigger-container .connections-navs .grid-wrapper .content-1,
.trigger-container .connections-navs .grid-wrapper .content-2 {
  flex: 1;
}
.trigger-container .connections-navs .grid-wrapper .content-3 {
  flex: 2;
}
.trigger-container .connections-navs .grid-wrapper span {
  line-height: 28px;
}
.trigger-container .applet-nav .grid-wrapper .content-1,
.trigger-container .available-trigger .grid-wrapper .content-1 {
  flex: 1;
}
.trigger-container .applet-nav .grid-wrapper .content-1 .toolbar-icon,
.trigger-container .available-trigger .grid-wrapper .content-1 .toolbar-icon {
  width: 70%;
}
.trigger-container .applet-nav .grid-wrapper .content-2,
.trigger-container .available-trigger .grid-wrapper .content-2 {
  flex: 2;
}
.trigger-container .applet-nav .grid-wrapper span,
.trigger-container .available-trigger .grid-wrapper span {
  line-height: 28px;
}
@media (min-width: 2160px) {
  .builder-container .Select-placeholder {
    padding: 5px 18px;
  }
}
@media (min-width: 2160px) {
  .builder-container .builder-header-edit-mode {
    padding: 60px 100px 60px 52px;
  }
}
@media (max-width: 768px) {
  .builder-container .builder-header-edit-mode {
    padding: 10px 1.5%;
  }
}
@media (min-width: 2160px) {
  .builder-container .builder-header-edit-mode .back-button svg {
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 3840px) {
  .builder-container .builder-header-edit-mode .back-button svg {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 768px) {
  .builder-container .builder-header-edit-mode .back-button {
    display: none;
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .builder-container .builder-header-edit-mode .title {
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details {
    padding-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details .connection-name-icon {
    max-width: 100%;
  }
}
@media (min-width: 2160px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details .connection-name-icon .edit-connection-icon svg {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 480px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details .connection-name-icon .connection-name {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details .connection-name-icon .connection-name {
    font-size: 18px;
  }
}
@media (min-width: 2160px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details .connection-name-icon .connection-name {
    font-size: 28px;
  }
}
@media (min-width: 3840px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-name-details .connection-name-icon .connection-name {
    font-size: 44px;
  }
}
@media (min-width: 2160px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .connection-description-text-field-details .span-class svg {
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 2160px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .connection-description-text-field-details .check-button svg {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 480px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .connection-description-text-field-details .connection-description-form > form .floating-form-group .error-block {
    font-size: 15px;
  }
}
@media (min-width: 1400px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .connection-description-text-field-details .connection-description-form > form .floating-form-group .error-block {
    font-size: 15px;
  }
}
@media (min-width: 2160px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .connection-description-text-field-details .connection-description-form > form .floating-form-group .error-block {
    font-size: 20px;
  }
}
@media (min-width: 3840px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .connection-description-text-field-details .connection-description-form > form .floating-form-group .error-block {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .connection-description-text-field-details .connection-description-form > form .floating-form-group .form-control.ui-text-input {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .connection-description-text-field-details .connection-description-form > form .floating-form-group .form-control.ui-text-input {
    font-size: 18px;
  }
}
@media (min-width: 2160px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .connection-description-text-field-details .connection-description-form > form .floating-form-group .form-control.ui-text-input {
    font-size: 28px;
    height: 75px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 3840px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-icon .connection-description-text-field-details .connection-description-form > form .floating-form-group .form-control.ui-text-input {
    font-size: 44px;
  }
}
@media (min-width: 2160px) {
  .builder-container .builder-header-edit-mode .title > span .connection-details .connection-description-details .connection-description-details:hover .edit-connection-icon svg {
    width: 30px;
    height: 60px;
  }
}
@media (max-width: 768px) {
  .builder-container .builder-header-edit-mode .save-edit .ui-action-button.btn.btn-default.btn-primary.start-tutorial-icon {
    margin-right: 0px;
  }
}
@media (max-width: 768px) {
  .builder-container .builder-header-edit-mode .save-edit {
    margin-top: 0px;
    margin-right: 18px;
  }
}
@media (max-width: 768px) {
  .builder-container .builder-header-edit-mode .save-edit .primary-button {
    display: none;
    font-size: 15px;
  }
}
@media (min-width: 1400px) {
  .builder-container .builder-header-edit-mode .save-edit .primary-button {
    font-size: 15px;
  }
}
@media (min-width: 2160px) {
  .builder-container .builder-header-edit-mode .save-edit .primary-button {
    font-size: 20px;
    width: auto;
    height: auto;
    padding: 5% 10%;
  }
}
@media (min-width: 3840px) {
  .builder-container .builder-header-edit-mode .save-edit .primary-button {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .builder-container .builder-header-edit-mode .save-edit .mobile-save-label {
    display: block;
    font-size: 14px;
    color: #395FF0;
    font-family: Roobert Medium, sans-serif;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .builder-container .edit-nodes-sidepanel {
    width: 100%;
    z-index: 5;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header {
    padding: 50px;
    margin: 30px 0px;
  }
}
@media (max-width: 480px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-header .title-heading {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-header .title-heading {
    font-size: 18px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-header .title-heading {
    font-size: 28px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-header .title-heading {
    font-size: 44px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-header .close-panel svg {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 480px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-message {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-message {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-message {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-subsection .title-name {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-subsection .title-name {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-subsection .title-name {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-subsection .title-description {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-subsection .title-description {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .title-subsection .title-description {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .trigger-change-message .text {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .trigger-change-message .text {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .trigger-change-message .text {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .change-trigger-section .text {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .change-trigger-section .text {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .change-trigger-section .text {
    font-size: 24px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger {
    height: auto;
  }
}
@media (max-width: 320px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-control {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-control {
    height: auto;
    display: block;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-control {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-control {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-menu-outer {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-menu-outer {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-menu-outer {
    font-size: 24px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-header .select-trigger .Select-menu-outer .Select-menu {
    max-height: none;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content {
    height: auto;
    padding: 50px;
    margin-top: 30px;
  }
}
@media (max-width: 320px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-title {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-title {
    font-size: 24px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-title {
    font-size: calc(20px + 18px);
  }
}
@media (max-width: 320px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-title .choose-plugin-title-text {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-title .choose-plugin-title-text {
    font-size: 24px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-title .choose-plugin-title-text {
    font-size: calc(20px + 18px);
  }
}
@media (max-width: 320px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-description {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-description {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .choose-plugin-description {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-name-select .plugin-trigger-name {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-name-select .plugin-trigger-name {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-name-select .plugin-trigger-name {
    font-size: 24px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-name-select .selected > svg {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 320px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-trigger-description {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-trigger-description {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .edit-nodes-sidepanel .side-panel-item .side-panel-content .plugin-trigger-details .plugin-trigger-description {
    font-size: 24px;
  }
}
.builder-container .tour-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  background: rgba(35, 47, 52, 0.5);
}
@media (max-width: 768px) {
  .builder-container .react-flow {
    height: calc(100vh - 100px);
  }
}
@media (max-width: 768px) {
  .builder-container .react-flow .react-flow__container {
    width: 97%;
  }
}
@media (max-width: 768px) {
  .builder-container .react-flow .react-flow__controls .react-flow__controls-button {
    width: 16px;
    height: 16px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__controls .react-flow__controls-button {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 768px) {
  .builder-container .react-flow .tour__controlsSteps,
  .builder-container .react-flow .tour__controls {
    float: none;
    margin: 0 auto;
    margin-top: 30px;
    width: 100%;
    max-width: none;
    position: absolute;
    bottom: 0px;
    z-index: 6;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .tour__controlsSteps,
  .builder-container .react-flow .tour__controls {
    width: 20%;
    padding: 1%;
  }
}
@media (max-width: 768px) {
  .builder-container .react-flow .tour__controlsSteps,
  .builder-container .react-flow .tour__controls {
    float: none;
    margin: 0 auto;
    margin-top: 30px;
    width: 100%;
    max-width: none;
    position: absolute;
    bottom: 0px;
    z-index: 6;
  }
}
.builder-container .react-flow .tour__controlsSteps .tour_close,
.builder-container .react-flow .tour__controls .tour_close {
  display: none;
}
@media (max-width: 768px) {
  .builder-container .react-flow .tour__controlsSteps .tour_close,
  .builder-container .react-flow .tour__controls .tour_close {
    display: block;
    width: 32px;
    height: 32px;
    background: #ffffff;
    border-radius: 4px;
    position: absolute;
    right: 10px;
    top: -50px;
    z-index: 7;
  }
}
@media (max-width: 768px) {
  .builder-container .react-flow .tour__controlsSteps .tour_close .fa-times,
  .builder-container .react-flow .tour__controls .tour_close .fa-times {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    color: #5E7482;
  }
}
@media (max-width: 480px) {
  .builder-container .react-flow .tour__controlsSteps .tour_textHeader,
  .builder-container .react-flow .tour__controls .tour_textHeader,
  .builder-container .react-flow .tour__controlsSteps .tour_header,
  .builder-container .react-flow .tour__controls .tour_header {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .builder-container .react-flow .tour__controlsSteps .tour_textHeader,
  .builder-container .react-flow .tour__controls .tour_textHeader,
  .builder-container .react-flow .tour__controlsSteps .tour_header,
  .builder-container .react-flow .tour__controls .tour_header {
    font-size: 18px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .tour__controlsSteps .tour_textHeader,
  .builder-container .react-flow .tour__controls .tour_textHeader,
  .builder-container .react-flow .tour__controlsSteps .tour_header,
  .builder-container .react-flow .tour__controls .tour_header {
    font-size: 28px;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .tour__controlsSteps .tour_textHeader,
  .builder-container .react-flow .tour__controls .tour_textHeader,
  .builder-container .react-flow .tour__controlsSteps .tour_header,
  .builder-container .react-flow .tour__controls .tour_header {
    font-size: 44px;
  }
}
@media (max-width: 320px) {
  .builder-container .react-flow .tour__controlsSteps .tour_skip,
  .builder-container .react-flow .tour__controls .tour_skip {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .tour__controlsSteps .tour_skip,
  .builder-container .react-flow .tour__controls .tour_skip {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .tour__controlsSteps .tour_skip,
  .builder-container .react-flow .tour__controls .tour_skip {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .builder-container .react-flow .tour__controlsSteps .tour_text,
  .builder-container .react-flow .tour__controls .tour_text {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .tour__controlsSteps .tour_text,
  .builder-container .react-flow .tour__controls .tour_text {
    font-size: 18px;
    margin-bottom: 60px;
    margin-top: 60px;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .tour__controlsSteps .tour_text,
  .builder-container .react-flow .tour__controls .tour_text {
    font-size: 24px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .tour__controlsSteps .tour-begin,
  .builder-container .react-flow .tour__controls .tour-begin {
    margin-top: 30px;
  }
}
@media (max-width: 320px) {
  .builder-container .react-flow .tour__controlsSteps .tour-begin button,
  .builder-container .react-flow .tour__controls .tour-begin button {
    font-size: 15px;
  }
}
@media (min-width: 1400px) {
  .builder-container .react-flow .tour__controlsSteps .tour-begin button,
  .builder-container .react-flow .tour__controls .tour-begin button {
    font-size: 15px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .tour__controlsSteps .tour-begin button,
  .builder-container .react-flow .tour__controls .tour-begin button {
    font-size: 20px;
    padding: 2% 4%;
    width: auto;
    height: auto;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .tour__controlsSteps .tour-begin button,
  .builder-container .react-flow .tour__controls .tour-begin button {
    font-size: 28px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer {
    margin-left: 40%;
  }
}
@media (min-width: 1400px) {
  .builder-container .react-flow .react-flow__renderer {
    margin-left: 38%;
  }
}
@media (max-width: 768px) {
  .builder-container .react-flow .react-flow__renderer {
    margin-left: 5.5%;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode {
    width: 450px;
    height: auto;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode {
    width: 700px;
  }
}
@media (max-width: 768px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode {
    width: 97%;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-click {
    height: auto;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-unclick {
    height: auto;
  }
}
.builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details {
  cursor: pointer;
}
@media (max-width: 320px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill .connections-detail-pill {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill .connections-detail-pill {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill .connections-detail-pill {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill .connections-detail-pill-platform {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill .connections-detail-pill-platform {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .Type-pill .connections-detail-pill-platform {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .trigger-name {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .trigger-name {
    font-size: 18px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .trigger-name {
    font-size: 28px;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .trigger-name {
    font-size: 44px;
  }
}
@media (max-width: 320px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .trigger-description {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .trigger-description {
    font-size: 18px;
    height: auto;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .trigger-description {
    font-size: 24px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .empty-trigger-state svg {
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .empty-trigger-state {
    height: auto;
    padding: 5% 10%;
  }
}
@media (max-width: 320px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .empty-trigger-state .text {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .empty-trigger-state .text {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-parentNode .trigger-details .node-trigger-data .empty-trigger-state .text {
    font-size: 24px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode {
    width: 450px;
    height: auto;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode {
    width: 700px;
  }
}
@media (max-width: 768px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode {
    width: 97%;
    height: 212px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-click {
    height: auto;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-unclick {
    height: auto;
  }
}
@media (max-width: 320px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .Type-pill .connections-detail-pill {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .Type-pill .connections-detail-pill {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .Type-pill .connections-detail-pill {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .Type-pill .connections-detail-pill-platform {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .Type-pill .connections-detail-pill-platform {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .Type-pill .connections-detail-pill-platform {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .trigger-name {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .trigger-name {
    font-size: 18px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .trigger-name {
    font-size: 28px;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .trigger-name {
    font-size: 44px;
  }
}
@media (max-width: 320px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .trigger-description {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .trigger-description {
    font-size: 18px;
    height: auto;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .trigger-description {
    font-size: 24px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .empty-plugin-state {
    padding: 30px;
    height: auto;
  }
}
@media (max-width: 768px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .empty-plugin-state {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .empty-plugin-state svg {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 320px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .empty-plugin-state .text {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .empty-plugin-state .text {
    font-size: 18px;
  }
}
@media (min-width: 3840px) {
  .builder-container .react-flow .react-flow__renderer .react-flow__nodes .react-flow__node-childNode .plugin-details .node-plugin-data .empty-plugin-state .text {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .marketplace-container .section2 {
    margin-top: -60%;
  }
}
@media (max-width: 767px) {
  .marketplace-container .section2 {
    margin-top: -57%;
  }
}
@media (min-width: 768px) {
  .marketplace-container .section-value-add .value-add-bg {
    margin-bottom: -24%;
  }
}
@media (max-width: 1200px) {
  .marketplace-container .section-value-add-container-bottom {
    margin-top: 20px;
  }
}
@media (min-width: 2160px) {
  .marketplace-container .section-value-add-container-top-left .description {
    line-height: 1.9;
  }
  .marketplace-container .landing-header-new button {
    font-size: 24px;
    width: 330px;
    height: 78px;
    border-radius: 12px;
  }
  .marketplace-container .section1-grid-card-title h3,
  .marketplace-container .section2-grid-card-title h3 {
    font-size: 30px;
  }
  .marketplace-container .learn-more-link,
  .marketplace-container .section2-grid-card-link {
    font-size: 30px;
  }
  .marketplace-container .section-value-add-container-bottom .button-card {
    padding: 30px 55px;
    font-size: 24px;
    width: 360px;
  }
}
@media (min-width: 3840px) {
  .marketplace-container .landing-header-new button {
    font-size: 38px;
    width: 586px;
    height: 138px;
    border-radius: 20px;
  }
  .marketplace-container .section1-grid-card-title h3,
  .marketplace-container .section2-grid-card-title h3 {
    font-size: 54px;
  }
  .marketplace-container .learn-more-link,
  .marketplace-container .section2-grid-card-link {
    font-size: 42px;
  }
  .marketplace-container .section-value-add-container-bottom .button-card {
    font-size: calc(20px + 18px);
    width: 460px;
  }
}
@media (max-width: 1400px) {
  .marketplace-container .section2-grid {
    gap: 80px;
  }
  .marketplace-container .section-value-add-container-top-right .illustration {
    transform: scale(1);
  }
  .marketplace-container .section2 {
    top: 0%;
  }
}
@media (max-width: 1199px) {
  .marketplace-container .section2 {
    margin-top: 0px;
  }
  .marketplace-container .section-value-add .value-add-bg {
    margin-bottom: 0px;
  }
  .marketplace-container .section-value-add-container-bottom .button-card {
    width: 180px;
  }
}
@media (max-width: 768px) {
  .marketplace-container .section-value-add-container-top-left {
    gap: 15px;
  }
  .marketplace-container .landing-header-new-icon {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 767px) {
  .marketplace-container .landing-header-new {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .marketplace-container .section2 {
    margin-top: -45%;
  }
  .marketplace-container .section-value-add .value-add-bg {
    height: 1500px;
  }
  .marketplace-container .landing-header-new-title {
    max-width: 100%;
    line-height: 48px;
  }
  .marketplace-container .landing-header-new-icon {
    margin-bottom: 30px;
  }
  .marketplace-container .landing-header-new-desc {
    padding-top: 30px;
    max-width: 100%;
  }
  .marketplace-container .landing-header-new {
    height: 1060px;
    background-position-y: 100%;
    margin-top: 40px;
  }
  .marketplace-container .landing-header-new-title {
    font-size: 32px;
  }
  .marketplace-container .landing-header-new-illustration {
    width: 65%;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    display: block;
    margin-top: 50px;
  }
}
@media (max-width: 480px) {
  .marketplace-container .section2-landing-image {
    height: 1250px;
  }
  .marketplace-container .section2-contain {
    padding-left: 15px;
    padding-right: 15px;
  }
  .marketplace-container .section-value-add-container-top-left {
    height: 300px;
  }
  .marketplace-container .section-value-add .value-add-bg {
    height: 1250px;
  }
  .marketplace-container .section-value-add-container-top-left .description {
    line-height: 28px;
  }
  .marketplace-container .section1-grid-card-icon {
    width: 50px;
    height: 50px;
  }
  .marketplace-container .section1-grid-card-title {
    margin: 20px 0 14px 0;
  }
  .marketplace-container .section1-grid-card-title h3 {
    font-size: 18px;
  }
  .marketplace-container .landing-header-new .contain {
    padding: 12% 15px;
  }
  .marketplace-container .section-value-add-container-bottom {
    margin-left: 0px;
    margin-right: 0px;
  }
  .marketplace-container .section-value-add-container-bottom .button-card {
    padding: 17px auto 17px auto;
    width: 100%;
    border-radius: 8px;
  }
  .marketplace-container .section-value-add-container-bottom .selected {
    justify-content: center;
  }
  .marketplace-container .section-value-add-container-top-left .title {
    padding-top: 46px;
  }
  .marketplace-container .section-value-add-container-top-right .ils-show {
    width: 100%;
  }
  .marketplace-container .ui-action-button.btn {
    padding: 9px 10px;
    min-width: 180px;
    min-height: 38px;
    font-size: 14px;
  }
  .marketplace-container .landing-header-new {
    height: 1123px;
  }
  .marketplace-container .landing-header-new-illustration {
    width: 90%;
    margin-top: 70px;
  }
  .marketplace-container .section2-desc {
    line-height: 1.9;
  }
  .marketplace-container .section2-grid {
    gap: 44px;
  }
}
@media (max-width: 480px) {
  .marketplace-container .section-value-add .value-add-bg {
    height: 1312px;
  }
}
@media (max-width: 480px) {
  .connections-container .seemore-button #seeMoreButton {
    font-size: 14px;
  }
}
@media (min-width: 1400px) {
  .connections-container .seemore-button #seeMoreButton {
    font-size: 16px;
  }
}
@media (min-width: 2160px) {
  .connections-container .seemore-button #seeMoreButton {
    font-size: 24px;
    height: 50px;
  }
}
@media (min-width: 2800px) {
  .connections-container .seemore-button #seeMoreButton {
    width: auto;
    height: auto;
    padding: 15px 50px;
  }
}
@media (min-width: 3840px) {
  .connections-container .seemore-button #seeMoreButton {
    font-size: calc(20px + 18px);
  }
}
@media (min-width: 2160px) {
  .connections-container.common-header-underlay div.common-header {
    height: 300px;
  }
}
@media (min-width: 3840px) {
  .connections-container.common-header-underlay div.common-header {
    height: 400px;
  }
}
@media (max-width: 1199px) {
  .connections-container.common-header-underlay div.common-header .common-header-content button {
    position: static;
    transform: none;
    margin-top: 15px;
  }
}
@media (min-width: 1400px) {
  .connections-container.common-header-underlay div.common-header .common-header-content button {
    font-size: 16px;
  }
}
@media (min-width: 2160px) {
  .connections-container.common-header-underlay div.common-header .common-header-content button {
    font-size: 24px;
    top: 25%;
    transform: none;
  }
}
@media (min-width: 2800px) {
  .connections-container.common-header-underlay div.common-header .common-header-content button {
    width: auto;
    height: auto;
  }
}
@media (min-width: 3840px) {
  .connections-container.common-header-underlay div.common-header .common-header-content button {
    font-size: calc(20px + 18px);
  }
}
@media (max-width: 480px) {
  .connections-container.common-header-underlay div.common-header .header-text h1 {
    font-size: 22px;
  }
}
@media (min-width: 2160px) {
  .connections-container.common-header-underlay div.common-header .header-text h1 {
    font-size: 44px;
  }
}
@media (min-width: 3840px) {
  .connections-container.common-header-underlay div.common-header .header-text h1 {
    font-size: 60px;
  }
}
@media (max-width: 480px) {
  .connections-container.common-header-underlay div.common-header .header-text span {
    font-size: 16px;
  }
}
@media (min-width: 2160px) {
  .connections-container.common-header-underlay div.common-header .header-text span {
    font-size: 28px;
  }
}
@media (min-width: 3840px) {
  .connections-container.common-header-underlay div.common-header .header-text span {
    font-size: 42px;
  }
}
@media (max-width: 480px) {
  .connections-container .tablerow-primary-field {
    width: 100%;
  }
}
@media (min-width: 480px) {
  .connections-container .tablerow-secondary-field .trigger-name-mobile,
  .connections-container .tablerow-secondary-field .applet-name-mobile {
    display: none;
  }
}
@media (max-width: 480px) {
  .connections-container .tablerow-secondary-field {
    width: 100%;
    margin: 40px 0px 0px 60px;
  }
}
@media (max-width: 480px) {
  .connections-container .lastfield {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .connections-container .checkbox {
    margin-right: 40px;
  }
}
@media (min-width: 3200px) {
  .connections-container .checkbox {
    margin-right: 85px;
  }
}
@media (min-width: 3200px) {
  .connections-container .checkbox input[type="checkbox"] {
    height: 40px;
    width: 40px;
    position: static;
  }
}
@media (min-width: 3200px) {
  .connections-container .checkbox input[type="checkbox"]:hover:before {
    height: 40px;
    width: 40px;
    position: static;
    background-size: 35px;
  }
}
@media (min-width: 3200px) {
  .connections-container .checkbox input[type="checkbox"]:checked:before {
    height: 40px;
    width: 40px;
    position: static;
    background-size: 35px;
  }
}
@media (min-width: 3200px) {
  .connections-container .checkbox input[type="checkbox"][disabled]:before {
    height: 40px;
    width: 40px;
    position: static;
    background-size: 35px;
  }
}
@media (max-width: 480px) {
  .connections-container .connections-section {
    margin-top: 30px;
  }
}
@media (max-width: 480px) {
  .connections-container .connections-section > span {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .connections-container .connections-section > span {
    font-size: 24px;
  }
}
@media (min-width: 2160px) {
  .connections-container .connections-section > span {
    font-size: 30px;
  }
}
@media (min-width: 3840px) {
  .connections-container .connections-section > span {
    font-size: 54px;
  }
}
@media (min-width: 1400px) {
  .connections-container .connections--view-title {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .connections-container .connections--view-title {
    font-size: 20px;
  }
}
@media (min-width: 2160px) {
  .connections-container .connections--view-title {
    font-size: 30px;
  }
}
@media (min-width: 3840px) {
  .connections-container .connections--view-title {
    font-size: 54px;
  }
}
@media (min-width: 1400px) {
  .connections-container .marketplace-showmore--button {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .connections-container .marketplace-showmore--button {
    font-size: 18px;
    margin-bottom: 120px;
  }
}
@media (min-width: 2800px) {
  .connections-container .marketplace-showmore--button {
    width: auto;
    height: auto;
    padding: 15px 50px;
  }
}
@media (min-width: 3840px) {
  .connections-container .marketplace-showmore--button {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  .connections-container .connections-container .common-header-underlay div.common-header .header-text h1 {
    font-size: calc(30px + 16px);
  }
  .connections-container .connections-container .common-header-content .header-text span {
    font-size: 28px;
  }
  .connections-container .connections-container .common-header-content button {
    height: 65px;
    width: 300px;
    font-size: 28px;
  }
  .connections-container .connections-container .add-first-connection .add-first-connection-details .add-first-connections-title {
    font-size: calc(20px + 18px);
  }
  .connections-container .connections-container .add-first-connection .add-first-connection-details .add-first-connections-description {
    font-size: 28px;
  }
  .connections-container .connections-container .add-first-connection .add-first-connection-details .add-first-connections .browse-connections {
    height: 65px;
    width: 300px;
    font-size: 28px;
  }
  .connections-container .connections-container .add-first-connection .add-first-connection-details .add-first-connections .new-connection {
    height: 65px;
    width: 300px;
    font-size: 28px;
  }
  .connections-container .connections-container .add-first-connection img {
    width: 500px;
  }
}
@media (min-width: 2800px) {
  .connections-container .common-header-underlay div.common-header .header-text h1 {
    font-size: 50px;
  }
  .connections-container .common-header-content .header-text span {
    font-size: 30px;
  }
  .connections-container .common-header-content button {
    height: 70px;
    width: 340px;
    font-size: 28px;
  }
  .connections-container .add-first-connection .add-first-connection-details .add-first-connections-title {
    font-size: 42px;
  }
  .connections-container .add-first-connection .add-first-connection-details .add-first-connections-description {
    font-size: 28px;
  }
  .connections-container .add-first-connection .add-first-connection-details .add-first-connections .browse-connections {
    height: 70px;
    width: 340px;
    font-size: 28px;
  }
  .connections-container .add-first-connection .add-first-connection-details .add-first-connections .new-connection {
    height: 70px;
    width: 340px;
    font-size: 28px;
  }
  .connections-container .add-first-connection img {
    width: 600px;
  }
}
@media (min-width: 3200px) {
  .connections-container .common-header-underlay div.common-header .header-text h1 {
    font-size: 54px;
  }
  .connections-container .common-header-content .header-text span {
    font-size: 32px;
  }
  .connections-container .common-header-content button {
    height: 75px;
    width: 360px;
    font-size: 30px;
  }
  .connections-container .add-first-connection .add-first-connection-details .add-first-connections-title {
    font-size: 44px;
  }
  .connections-container .add-first-connection .add-first-connection-details .add-first-connections-description {
    font-size: 30px;
  }
  .connections-container .add-first-connection .add-first-connection-details .add-first-connections .browse-connections {
    height: 75px;
    width: 360px;
    font-size: 30px;
  }
  .connections-container .add-first-connection .add-first-connection-details .add-first-connections .new-connection {
    height: 75px;
    width: 360px;
    font-size: 30px;
  }
  .connections-container .add-first-connection img {
    width: 700px;
  }
}
@media (min-width: 3840px) {
  .connections-container .common-header-underlay div.common-header .header-text h1 {
    font-size: 54px;
  }
  .connections-container .common-header-content .header-text span {
    font-size: 34px;
  }
  .connections-container .common-header-content button {
    height: 80px;
    width: 400px;
    font-size: 32px;
  }
  .connections-container .add-first-connection .add-first-connection-details .add-first-connections-title {
    font-size: calc(30px + 16px);
  }
  .connections-container .add-first-connection .add-first-connection-details .add-first-connections-description {
    font-size: 32px;
  }
  .connections-container .add-first-connection .add-first-connection-details .add-first-connections .browse-connections {
    height: 80px;
    width: 400px;
    font-size: 32px;
  }
  .connections-container .add-first-connection .add-first-connection-details .add-first-connections .new-connection {
    height: 80px;
    width: 400px;
    font-size: 32px;
  }
  .connections-container .add-first-connection img {
    width: 800px;
  }
}
@media (min-width: 1700px) {
  .connections-container .section2 {
    height: 1517px;
  }
}
@media (min-width: 1800px) {
  .connections-container .section2 {
    height: 1524px;
  }
}
@media (min-width: 1900px) {
  .connections-container .section2 {
    height: 1600px;
  }
}
@media (min-width: 1980px) {
  .connections-container .section2 {
    height: 1675px;
  }
}
@media (min-width: 2160px) {
  .connections-container .browse-connection {
    width: 475px;
    font-size: 36px;
    height: 100px;
  }
  .connections-container .section2 {
    height: 1830px;
  }
}
@media (min-width: 2800px) {
  .connections-container .section2 {
    height: 2375px;
  }
}
@media (min-width: 3200px) {
  .connections-container .section2 {
    height: 2700px;
  }
}
@media (min-width: 3840px) {
  .connections-container .section2 {
    height: 3250px;
  }
}
@media (max-width: 991px) {
  .connections-container .common-header-content .header-text {
    position: relative;
  }
  .connections-container .common-header-content button {
    border-radius: 8px;
    width: 185px;
    margin-top: 5%;
  }
}
@media (max-width: 992px) {
  .connections-container .nav-header .product {
    padding-right: 0px;
  }
  .connections-container .nav-header .product .heading {
    width: auto;
  }
  .connections-container .common-header-content button {
    border-radius: 8px;
  }
}
@media (max-width: 480px) {
  .connections-grid.content-padding {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 480px) {
  .connections-container .common-header-content .header-text h1 {
    margin-top: 0px;
  }
  .connections-container .common-header-content button {
    margin-top: 15%;
  }
  .connections-container .add-first-connection-details .add-first-connections {
    flex-direction: column;
  }
  .connections-container .add-first-connection-details .add-first-connections .new-connection {
    margin-left: 0px;
  }
}
@media (max-width: 1199px) {
  .connections-container .content-padding,
  .trigger-container .content-padding {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media (max-width: 1199px) {
  .connections-container.common-header-underlay div.common-header,
  .trigger-container.common-header-underlay div.common-header {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media (max-width: 1199px) {
  .connections-container.common-header-underlay div.common-header .header-text h1,
  .trigger-container.common-header-underlay div.common-header .header-text h1 {
    width: 100%;
  }
}
@media (min-width: 2160px) {
  .trigger-container.common-header-underlay div.common-header {
    height: 300px;
  }
}
@media (min-width: 3840px) {
  .trigger-container.common-header-underlay div.common-header {
    height: 400px;
  }
}
@media (max-width: 991px) {
  .trigger-container.common-header-underlay div.common-header .common-header-content {
    gap: 0;
  }
}
@media (max-width: 1199px) {
  .trigger-container.common-header-underlay div.common-header .common-header-content button {
    position: static;
    transform: none;
    margin-top: 15px;
  }
}
@media (min-width: 1400px) {
  .trigger-container.common-header-underlay div.common-header .common-header-content button {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .trigger-container.common-header-underlay div.common-header .common-header-content button {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .trigger-container.common-header-underlay div.common-header .common-header-content button {
    font-size: 24px;
    top: 25%;
    transform: none;
  }
}
@media (min-width: 2800px) {
  .trigger-container.common-header-underlay div.common-header .common-header-content button {
    width: auto;
    height: auto;
  }
}
@media (min-width: 3840px) {
  .trigger-container.common-header-underlay div.common-header .common-header-content button {
    font-size: calc(20px + 18px);
  }
}
@media (max-width: 480px) {
  .trigger-container.common-header-underlay div.common-header .header-text h1 {
    font-size: 22px;
  }
}
@media (min-width: 2160px) {
  .trigger-container.common-header-underlay div.common-header .header-text h1 {
    font-size: 44px;
  }
}
@media (min-width: 3840px) {
  .trigger-container.common-header-underlay div.common-header .header-text h1 {
    font-size: 60px;
  }
}
.trigger-container.common-header-underlay div.common-header .header-text span {
  font-size: 20px;
  margin-top: 1%;
}
@media (max-width: 480px) {
  .trigger-container.common-header-underlay div.common-header .header-text span {
    font-size: 16px;
  }
}
@media (min-width: 2160px) {
  .trigger-container.common-header-underlay div.common-header .header-text span {
    font-size: 36px;
  }
}
@media (min-width: 3840px) {
  .trigger-container.common-header-underlay div.common-header .header-text span {
    font-size: 48px;
  }
}
@media (max-width: 480px) {
  .trigger-container .browse-connections h2 {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .trigger-container .browse-connections h2 {
    font-size: 24px;
  }
}
@media (min-width: 2160px) {
  .trigger-container .browse-connections h2 {
    font-size: 30px;
  }
}
@media (min-width: 3840px) {
  .trigger-container .browse-connections h2 {
    font-size: 54px;
  }
}
@media (max-width: 480px) {
  .trigger-container .connections-section span {
    margin-bottom: 30px;
    font-size: 20px;
  }
}
@media (min-width: 2160px) {
  .trigger-container .connections-section span {
    font-size: 30px;
  }
}
@media (min-width: 3840px) {
  .trigger-container .connections-section span {
    font-size: 54px;
  }
}
@media (max-width: 480px) {
  .trigger-container .connections-details .wrap.trigger-title .trigger-checkbox-tablerow-primary-wrapper {
    display: flex;
    width: auto;
  }
}
@media (max-width: 480px) {
  .trigger-container .connections-details .trigger-checkbox-tablerow-primary-wrapper {
    display: flex;
    width: auto;
  }
}
@media (max-width: 480px) {
  .trigger-container .tablerow-primary-field {
    width: 100%;
  }
}
@media (min-width: 480px) {
  .trigger-container .tablerow-secondary-field .trigger-name-mobile,
  .trigger-container .tablerow-secondary-field .applet-name-mobile {
    display: none;
  }
}
@media (max-width: 480px) {
  .trigger-container .tablerow-secondary-field {
    width: 100%;
    margin: 40px 0px 0px 0px;
  }
}
@media (max-width: 480px) {
  .trigger-container .lastfield {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .trigger-container .seemore-button #seeMoreButton {
    font-size: 14px;
  }
}
@media (min-width: 1400px) {
  .trigger-container .seemore-button #seeMoreButton {
    font-size: 16px;
  }
}
@media (min-width: 2160px) {
  .trigger-container .seemore-button #seeMoreButton {
    font-size: 24px;
    height: 50px;
  }
}
@media (min-width: 2800px) {
  .trigger-container .seemore-button #seeMoreButton {
    width: auto;
    height: auto;
    padding: 15px 50px;
  }
}
@media (min-width: 3840px) {
  .trigger-container .seemore-button #seeMoreButton {
    font-size: calc(20px + 18px);
  }
}
@media (min-width: 1400px) {
  .trigger-container .section2 {
    height: 1517px;
  }
}
@media (min-width: 1400px) {
  .trigger-container .section2 {
    height: 1524px;
  }
}
@media (min-width: 1919px) {
  .trigger-container .section2 {
    height: 1600px;
  }
}
@media (min-width: 1919px) {
  .trigger-container .section2 {
    height: 1675px;
  }
}
@media (min-width: 2160px) {
  .trigger-container .browse-connection {
    width: 475px;
    font-size: 36px;
    height: 100px;
  }
  .trigger-container .section2 {
    height: 1830px;
  }
}
@media (min-width: 2800px) {
  .trigger-container .section2 {
    height: 2375px;
  }
}
@media (min-width: 3200px) {
  .trigger-container .section2 {
    height: 2700px;
  }
}
@media (min-width: 3840px) {
  .trigger-container .section2 {
    height: 3250px;
  }
}
@media (max-width: 992px) {
  .trigger-container .nav-header .product {
    padding-right: 0px;
  }
  .trigger-container .nav-header .product .heading {
    width: auto;
  }
  .trigger-container .common-header-content button {
    border-radius: 8px;
  }
}
@media (max-width: 991px) {
  .createconnection-successmodal-container .modal-title .modal-section-icon {
    margin-top: 10px;
    width: 70px;
  }
}
@media (max-width: 480px) {
  .browse-connections {
    margin-top: 30px;
  }
}
@media (max-width: 480px) {
  .browse-connections h3 {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .connections-navs .connections-content-tabs {
    gap: 30px;
  }
}
@media (max-width: 480px) {
  .connections-navs .connections-content-tabs {
    flex-direction: column;
    margin-top: 30px;
    gap: 0px;
  }
}
@media (max-width: 480px) {
  .connections-navs .connections-content-tabs .subscribe-section {
    margin-top: 35px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0;
    z-index: 5555;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 2160px) {
  .connections-navs .connections-content-tabs .subscribe-section {
    height: 92px;
  }
}
@media (min-width: 3840px) {
  .connections-navs .connections-content-tabs .subscribe-section {
    height: 132px;
  }
}
@media (min-width: 2160px) {
  .connections-navs .connections-content-tabs .subscribe-section .ui-action-button.btn.btn-default.btn-primary {
    font-size: 25px;
  }
}
@media (min-width: 3840px) {
  .connections-navs .connections-content-tabs .subscribe-section .ui-action-button.btn.btn-default.btn-primary {
    font-size: 42px;
  }
}
@media (max-width: 768px) {
  .connections-navs .connections-content-tabs .subscribe-section .subscribe--selection-count {
    margin: 0px;
    padding: 0px 12px;
  }
}
@media (min-width: 2160px) {
  .connections-navs .connections-content-tabs .subscribe-section .subscribe--selection-count {
    font-size: 25px;
  }
}
@media (min-width: 3840px) {
  .connections-navs .connections-content-tabs .subscribe-section .subscribe--selection-count {
    font-size: 42px;
  }
}
@media (max-width: 768px) {
  .connections-navs .connections-content-tabs .subscribe-section .marketplace-subscribe--button {
    margin: 0px;
    font-size: 14px;
    padding: 0px 12px;
    min-width: auto;
    width: auto;
  }
}
@media (min-width: 2160px) {
  .connections-navs .connections-content-tabs .subscribe-section .marketplace-subscribe--button {
    font-size: 18px;
  }
}
@media (min-width: 2800px) {
  .connections-navs .connections-content-tabs .subscribe-section .marketplace-subscribe--button {
    padding: 15px 50px;
    width: auto;
    height: auto;
  }
}
@media (min-width: 3840px) {
  .connections-navs .connections-content-tabs .subscribe-section .marketplace-subscribe--button {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .connections-navs .connections-content-tabs .subscribe-section .marketplace-promote--button {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .connections-navs .connections-content-tabs .subscribe-section .marketplace-promote--button {
    width: auto;
    min-width: auto;
  }
}
@media (min-width: 2160px) {
  .connections-navs .connections-content-tabs .subscribe-section .marketplace-promote--button {
    font-size: 18px;
  }
}
@media (min-width: 2800px) {
  .connections-navs .connections-content-tabs .subscribe-section .marketplace-promote--button {
    width: auto;
    height: auto;
    padding: 15px 50px;
  }
}
@media (min-width: 3840px) {
  .connections-navs .connections-content-tabs .subscribe-section .marketplace-promote--button {
    font-size: 24px;
  }
}
@media (min-width: 2160px) {
  .connections-details {
    margin-bottom: 73px;
  }
}
@media (max-width: 480px) {
  .connections-details .tablerow-left-margin .subscribed-pill {
    left: -15px;
    padding: 2px;
  }
}
@media (min-width: 3200px) {
  .connections-details .tablerow-left-margin .subscribed-pill {
    left: -56px;
    top: 10px;
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .connections-details .tablerow-left-margin .trigger-checkbox-tablerow-primary-wrapper {
    display: flex;
    width: auto;
  }
}
@media (min-width: 3200px) {
  .connections-details .tablerow-left-margin .trigger-checkbox-tablerow-primary-wrapper .subscribed-label {
    height: 30px;
    line-height: 30px;
    padding: 0px 6px;
    font-size: 22px;
    top: -35px;
  }
}
@media (max-width: 480px) {
  .connections-details .tablerow-margin-unset {
    padding: 40px 20px;
  }
}
@media (min-width: 3200px) {
  .connections-details .tablerow-margin-unset {
    padding: 50px 0px;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap .trigger-row .platform--item-higlight {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .connections-details .wrap .trigger-row .platform--item-higlight {
    font-size: 24px;
  }
}
@media (min-width: 3840px) {
  .connections-details .wrap .trigger-row .platform--item-higlight {
    font-size: calc(20px + 18px);
  }
}
@media (max-width: 480px) {
  .connections-details .wrap .trigger-row .platform-description-show-platform {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .connections-details .wrap .trigger-row .platform-description-show-platform {
    font-size: 20px;
  }
}
@media (min-width: 3840px) {
  .connections-details .wrap .trigger-row .platform-description-show-platform {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap .trigger-row .withundertrigg {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .connections-details .wrap .trigger-row .withundertrigg {
    font-size: 20px;
  }
}
@media (min-width: 3840px) {
  .connections-details .wrap .trigger-row .withundertrigg {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap .trigger-row .common-grid-dispplatform-undertrigger {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .connections-details .wrap .trigger-row .common-grid-dispplatform-undertrigger {
    font-size: 20px;
  }
}
@media (min-width: 3840px) {
  .connections-details .wrap .trigger-row .common-grid-dispplatform-undertrigger {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap .trigger-row .withundertrigg-connection {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .connections-details .wrap .trigger-row .withundertrigg-connection {
    font-size: 24px;
  }
}
@media (min-width: 3840px) {
  .connections-details .wrap .trigger-row .withundertrigg-connection {
    font-size: calc(20px + 18px);
  }
}
.connections-details .wrap .trigger-row .withundertrigg-connection .show-up-fa {
  margin-left: 5px;
}
.connections-details .wrap .trigger-row .withundertrigg-connection .show-up-fa .fa-caret-down {
  display: none;
}
.connections-details .wrap .trigger-row .withundertrigg-connection .show-down-fa {
  color: #323436;
  margin-left: 5px;
}
.connections-details .wrap .trigger-row .withundertrigg-connection .show-down-fa .fa-caret-up {
  display: none;
}
@media (max-width: 480px) {
  .connections-details .wrap .trigger-row .platform-description {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .connections-details .wrap .trigger-row .platform-description {
    font-size: 20px;
  }
}
@media (min-width: 3840px) {
  .connections-details .wrap .trigger-row .platform-description {
    font-size: 28px;
  }
}
.connections-details .wrap .trigger-row .withundertrigg-applet {
  font-weight: 600;
  font-size: 15px;
  color: #323436;
}
@media (max-width: 480px) {
  .connections-details .wrap .trigger-row .withundertrigg-applet {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .connections-details .wrap .trigger-row .withundertrigg-applet {
    font-size: 20px;
  }
}
@media (min-width: 3840px) {
  .connections-details .wrap .trigger-row .withundertrigg-applet {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap .trigger-hr-spacing {
    align-items: baseline;
    flex-direction: column;
    margin-left: 0px;
  }
}
@media (min-width: 3200px) {
  .connections-details .wrap.trigger-title {
    height: auto;
    padding: 20px 0px;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap.trigger-title .trigger-checkbox-tablerow-primary-wrapper {
    display: flex;
    width: auto;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap.trigger-title .trigger-row {
    padding: 10px 20px;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap.trigger-title {
    height: auto;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap.trigger-title .tablerow-secondary-field {
    display: none;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap.trigger-title .trigger-description {
    font-size: 14px;
  }
}
@media (min-width: 2160px) {
  .connections-details .wrap.trigger-title .trigger-description {
    font-size: 20px;
  }
}
@media (min-width: 3840px) {
  .connections-details .wrap.trigger-title .trigger-description {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap.trigger-title .header-top--space {
    display: flex;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap.trigger-title .connections-trigger-name {
    padding: 0px;
  }
}
@media (max-width: 480px) {
  .connections-details .wrap.trigger-title .connections-trigger-name,
  .connections-details .wrap.trigger-title .show-down-fa {
    font-size: 15px;
  }
}
@media (min-width: 2160px) {
  .connections-details .wrap.trigger-title .connections-trigger-name,
  .connections-details .wrap.trigger-title .show-down-fa {
    font-size: 20px;
    width: auto;
  }
}
@media (min-width: 3840px) {
  .connections-details .wrap.trigger-title .connections-trigger-name,
  .connections-details .wrap.trigger-title .show-down-fa {
    font-size: 28px;
  }
}
@media (min-width: 3200px) {
  .connections-details .collections--connection-icon {
    width: 25px;
  }
}
.market-promote-environment .checkbox input[type="checkbox"] {
  width: 16px;
  height: 16px;
  left: 20px;
  margin-left: -17px;
  top: 8px;
}
.market-promote-environment .checkbox label {
  padding-left: 35px;
  font-size: 16px;
}
@media (min-width: 2160px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle {
    padding: 18px 38px;
    margin-top: 16px;
  }
}
@media (min-width: 3840px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle {
    padding: 25px 72px;
  }
}
@media (max-width: 480px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle svg,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle svg {
    font-size: 15px;
  }
}
@media (min-width: 2160px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle svg,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle svg {
    font-size: 20px;
  }
}
@media (min-width: 3840px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle svg,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .dropdown .dropdown-toggle svg {
    font-size: 28px;
  }
}
@media (min-width: 2160px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select.open:not(.selected):not(.event-apps-select-control) button.dropdown-toggle,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select.open:not(.selected):not(.event-apps-select-control) button.dropdown-toggle {
    padding: 18px 38px;
    margin-top: 16px;
  }
}
@media (min-width: 3840px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select.open:not(.selected):not(.event-apps-select-control) button.dropdown-toggle,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select.open:not(.selected):not(.event-apps-select-control) button.dropdown-toggle {
    padding: 25px 72px;
  }
}
@media (max-width: 480px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select > .dropdown-toggle,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select > .dropdown-toggle {
    font-size: 15px;
  }
}
@media (min-width: 2160px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select > .dropdown-toggle,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select > .dropdown-toggle {
    font-size: 20px;
  }
}
@media (min-width: 3840px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select > .dropdown-toggle,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select > .dropdown-toggle {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item {
    font-size: 15px;
  }
}
@media (min-width: 2160px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item {
    font-size: 28px;
    padding: 15px 30px;
  }
}
@media (min-width: 3840px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-item {
    font-size: 32px;
  }
}
@media (min-width: 2160px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-title,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-title {
    margin-left: 24px;
    font-size: 24px;
  }
}
@media (min-width: 3840px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-title,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-title {
    font-size: 38px;
  }
}
@media (min-width: 2160px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-label,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-label {
    font-size: 24px;
  }
}
@media (min-width: 3840px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-label,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-label {
    font-size: 38px;
    margin-bottom: 32px;
  }
}
@media (min-width: 2160px) {
  .connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-content,
  .trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select .select-content {
    max-height: none;
  }
}
.connections-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select svg,
.trigger-container .dashboard-toolbar .dashboard-filter-select .app-dropdown-select svg {
  padding-right: 24px;
}
@media (max-width: 768px) {
  .connections-container .dashboard-toolbar .newparser-btn,
  .trigger-container .dashboard-toolbar .newparser-btn {
    display: none;
  }
}
@media (max-width: 1120px) {
  .pre-footer-MARKETPLACE {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media (max-width: 1120px) {
  .MARKETPLACE-footer .footer-content-padding {
    margin-left: 18px;
    margin-right: 18px;
  }
}
@media (min-width: 768px) {
  .ui-modal.save-cancel-modal .modal-dialog {
    width: auto;
    max-width: 600px;
  }
}
.support-landing-container {
  position: relative;
}
.help-center-header {
  padding: 60px 20% 0px;
  height: 850px;
  background-color: #431C5B;
  display: flex;
}
.help-center-header .main-content {
  padding: 0;
  width: 60%;
  color: #ffffff;
}
.help-center-header .main-content .title {
  color: #4BCD3E;
  font-size: 18px;
  font-family: Roobert SemiBold, sans-serif;
  line-height: 24px;
  padding-bottom: 24px;
}
.help-center-header .main-content .heading {
  font-size: 64px;
  line-height: 80px;
  padding-bottom: 30px;
  font-family: Roobert Light, sans-serif;
}
.help-center-header .main-content .tagline {
  font-size: 24px;
  line-height: 32px;
  width: 90%;
  font-family: Roobert Light, sans-serif;
}
.help-center-header .help-center-image {
  width: 40%;
  display: flex;
  justify-content: end;
}
.help-center-header .help-center-image img {
  width: 100%;
  height: 100%;
  max-width: 580px;
  margin-top: -15%;
  margin-right: 0;
}
@media (max-width: 2160px) {
  .help-center-header {
    padding: 0;
    height: 850px;
  }
  .help-center-header .main-content {
    padding: 100px 140px 120px 130px;
  }
  .help-center-header .help-center-image {
    margin-top: 0;
    margin-right: 130px;
  }
}
@media (max-width: 1300px) {
  .help-center-header {
    height: 780px;
  }
}
@media (max-width: 992px) {
  .help-center-header {
    height: 380px;
  }
  .help-center-header .main-content {
    width: 100%;
    padding: 30px 12px 0;
  }
  .help-center-header .main-content .heading {
    font-size: 38px;
    line-height: 42px;
    padding-bottom: 20px;
  }
  .help-center-header .main-content .tagline {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 1%;
  }
  .help-center-header .help-center-image {
    display: none;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .help-center-header {
    height: 518px;
  }
  .help-center-header .main-content {
    width: 100%;
    padding: 30px 12px 0;
  }
  .help-center-header .main-content .heading {
    font-size: 38px;
    line-height: 42px;
    padding-bottom: 20px;
  }
  .help-center-header .main-content .tagline {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 1%;
  }
  .help-center-header .help-center-image {
    display: none;
    margin-right: 0;
  }
}
.help-center-product-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  column-gap: 35px;
  row-gap: 40px;
  background-color: #ffffff;
  padding: 0 0 80px;
  justify-content: center;
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .support-landing-container .help-center-product-cards {
    display: flex;
    flex-direction: column;
    padding: 0px 12px 0px;
    gap: 20px;
    margin-bottom: -80px;
  }
}
@media (max-width: 992px) {
  .support-landing-container .help-center-product-cards {
    padding: 0px 12px 0px;
  }
}
@media (max-width: 2160px) {
  .help-center-product-cards {
    padding: 0px 130px 50px;
  }
}
.help-center-product-card {
  padding: 30px;
  background-color: #ffffff;
  border: 1px solid #dde3e8;
  box-shadow: 0px 2px 10px #5e748226;
  display: flex;
  flex-direction: column;
  position: relative;
  top: -106px;
  border-radius: 10px;
  font-family: Roobert Medium, sans-serif;
}
.help-center-product-card .header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 20px;
}
.help-center-product-card .header i,
.help-center-product-card .header svg,
.help-center-product-card .header img {
  padding: 11px;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  color: #ffffff;
  background-color: #431C5B;
  font-size: 38px;
}
.help-center-product-card .description {
  color: #323436;
  line-height: 24px;
  padding-bottom: 24px;
}
.help-center-product-card .description h3,
.help-center-product-card .description b {
  font-size: 20px;
  font-family: Roobert Bold, sans-serif;
}
.help-center-product-card .content {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  line-height: 18px;
}
.help-center-product-card .content .faq-nav ul {
  padding: 0px;
  list-style-type: none;
  margin-bottom: 0px;
}
.help-center-product-card .content .faq-nav ul li {
  padding-bottom: 16px;
}
.help-center-product-card .content .faq-nav ul li:focus {
  outline: 1px solid #3F64F2;
}
.help-center-product-card .content .faq-nav ul li:focus:not(:focus-visible) {
  outline: none;
}
.help-center-product-card .content .faq-nav ul li:focus-visible {
  outline: 1px solid #3F64F2;
}
.help-center-product-card .content .faq-nav ul li a {
  font-size: 16px;
  color: #1D1F48;
  cursor: pointer;
  transition-duration: 300ms;
  font-family: Roobert Medium, sans-serif;
}
.help-center-product-card .content .faq-nav ul li a:hover {
  transform: scale(1.05);
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
.help-center-product-card .content .faq-nav ul li:last-child {
  padding-bottom: 30px;
}
.help-center-product-card .seperator {
  height: 1px;
  border: 0;
  border-top: 1px solid #DDE3E8;
  margin: 0 -30px;
}
.help-center-product-card .link {
  padding-top: 24px;
  cursor: pointer;
}
.help-center-product-card .link:focus {
  outline: 1px solid #3F64F2;
}
.help-center-product-card .link:focus:not(:focus-visible) {
  outline: none;
}
.help-center-product-card .link:focus-visible {
  outline: 1px solid #3F64F2;
}
.help-center-product-card .link a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.help-center-product-card .link a span {
  font-size: 16px;
  color: #000000;
  cursor: pointer;
  font-family: Roobert Medium, sans-serif;
  border-bottom: 2px solid transparent;
  line-height: 18px;
  font-weight: 500;
}
.help-center-product-card .link a span:hover {
  border-bottom: 2px solid #1D1F48;
}
.help-center-product-card .link a svg {
  margin-left: 6px;
  color: #048A81;
  height: 20px;
  width: 20px;
}
@media (max-width: 768px) {
  .help-center-product-card {
    padding: 18px 18px 20px;
    top: -180px;
  }
  .help-center-product-card .link {
    padding-top: 20px;
  }
  .help-center-product-card .header i,
  .help-center-product-card .header svg,
  .help-center-product-card .header img {
    padding: 9px;
    width: 44px;
    height: 44px;
    font-size: 26px;
  }
  .help-center-product-card .description {
    font-size: 18px;
    line-height: 27px;
  }
  .help-center-product-card .content .faq-nav ul li {
    padding-bottom: 14px;
  }
  .help-center-product-card .content .faq-nav ul li:last-child {
    padding-bottom: 20px;
  }
  .help-center-product-card .seperator {
    margin: 0 -18px;
  }
}
.help-center-faqs {
  padding: 60px 20% 80px;
  background-color: #F2F4F5;
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
}
.help-center-faqs .supplement {
  flex: 0 1 40%;
}
.help-center-faqs .supplement h2 {
  font-family: Roobert, sans-serif;
  font-size: 48px;
  color: #000000;
  line-height: 48px;
  letter-spacing: 1%;
}
.help-center-faqs .supplement p {
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 50px;
}
.help-center-faqs .faq-list {
  flex: 0 1 55%;
}
.help-center-faqs .faq-list .help-center-content {
  display: flex;
  flex-wrap: wrap;
}
.help-center-faqs .faq-list .help-center-content a {
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
  color: #395FF0;
  padding: 0 5px;
  padding-bottom: 5px;
}
.help-center-faqs .faq-list .help-center-content a:hover {
  text-decoration-line: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
.help-center-faqs .faq-list .common-collapse {
  border: none;
  box-shadow: none;
  background-color: #F2F4F5;
  border-radius: 0px;
  border-top: 1px solid #C2C2C2;
  font-family: Roobert, sans-serif;
  font-size: 18px;
  align-items: left;
}
.help-center-faqs .faq-list .common-collapse h3 {
  text-align: left;
}
.help-center-faqs .faq-list .common-collapse .toggle {
  padding: 26px 0px 0px;
}
.help-center-faqs .faq-list .common-collapse .content {
  border: none;
  padding: 14px 0 0;
  color: #000000;
  line-height: 24px;
  font-size: 16px;
  font-family: Roobert, sans-serif;
  letter-spacing: 1%;
}
.help-center-faqs .faq-list .common-collapse:not(:last-child) {
  margin-bottom: 24px;
}
.help-center-faqs .faq-list .common-collapse .fa-chevron-down,
.help-center-faqs .faq-list .common-collapse .fa-chevron-up {
  color: #5E7482;
}
@media (max-width: 992px) {
  .support-landing-container .help-center-faqs {
    padding: 40px 12px 80px;
  }
  .support-landing-container .help-center-faqs .supplement {
    padding-bottom: 40px;
  }
  .support-landing-container .help-center-faqs .supplement h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .support-landing-container .faq-list .common-collapse h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .support-landing-container .faq-list .common-collapse .content {
    line-height: 24px;
  }
}
@media (max-width: 2160px) {
  .help-center-faqs {
    padding: 120px 130px 160px;
  }
  .help-center-faqs .supplement {
    flex: 0 1 100%;
    padding-bottom: 50px;
  }
  .help-center-faqs .faq-list {
    flex: 0 1 100%;
  }
  .help-center-faqs .faq-list .common-collapse h3 {
    padding-right: 10px;
  }
  .help-center-faqs .faq-list .common-collapse:first-child {
    border-top: none;
  }
  .help-center-faqs .faq-list .common-collapse:first-child .toggle {
    padding-top: 0;
  }
}
.help-center-cta {
  padding: 40% 4% 10% 4%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10%;
  background-image: url(/images/blue-half-cloud-bg-d5a0b2bfc847f8669d7bfc056440baff.svg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 43.33vw;
  position: relative;
}
.help-center-cta .content {
  flex: 1 0 50%;
}
.help-center-cta .content h2 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 26px;
}
.help-center-cta .content p {
  color: #ffffff;
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 50px;
}
.help-center-cta .content button {
  color: #ffffff;
  background-color: #11191F;
  border-radius: 8px;
  font-size: 16px;
  min-width: 220px;
  padding: 14px;
  margin: 0px;
  height: auto;
  width: auto;
}
.help-center-cta .content button:focus {
  background-color: #f7f9fb;
  color: #11191F;
  border: 2px solid #00406e;
}
.help-center-cta img {
  display: none;
  flex: 0 1 50%;
}
@media (min-width: 480px) {
  .help-center-cta {
    padding: 30% 8% 10% 8%;
  }
}
@media (min-width: 992px) {
  .help-center-cta img {
    display: block;
  }
}
@media (min-width: 1200px) {
  .help-center-cta {
    padding: 5% 8% 0px 8%;
  }
}
.help-center-need-additional-help {
  display: flex;
  flex-wrap: wrap;
  background-color: #431C5B;
  width: 100%;
  height: 468px;
  padding: 79px 130px 89px 130px;
}
.help-center-need-additional-help .content-left {
  flex: 0 1 50%;
}
.help-center-need-additional-help .content-left h2 {
  font-family: Roobert Light, sans-serif;
  color: #ffffff;
  font-size: 48px;
  padding-bottom: 26px;
  line-height: 57px;
  letter-spacing: 1%;
}
.help-center-need-additional-help .content-left .description {
  color: #ffffff;
  font-size: 18px;
  line-height: 29px;
  padding-bottom: 56px;
}
.help-center-need-additional-help .content-left button {
  color: #ffffff;
  background-color: #11191F;
  font-size: 16px;
  min-width: 220px;
  padding: 22px 42px;
  line-height: 16px;
  letter-spacing: 1%;
}
.help-center-need-additional-help .content-left button:focus {
  background-color: #f7f9fb;
  color: #11191F;
  border: 2px solid #00406e;
}
.help-center-need-additional-help .content-right {
  display: flex;
  justify-content: flex-end;
  flex: 0 1 50%;
}
.help-center-need-additional-help .content-right .image-need-help {
  align-items: end;
  max-width: 480px;
}
@media (max-width: 992px) {
  .help-center-need-additional-help {
    display: flex;
    flex-direction: column;
  }
  .help-center-need-additional-help .content-left {
    width: 100%;
    padding: 30px 20px 40px;
  }
  .help-center-need-additional-help .content-left h2 {
    padding-bottom: 20px;
    font-size: 24px;
    line-height: 31px;
  }
  .help-center-need-additional-help .content-left .description {
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 27px;
  }
  .help-center-need-additional-help .content-left button {
    padding: 12px 32px;
  }
  .help-center-need-additional-help .content-right {
    display: none;
  }
}
@media (max-width: 1199px) {
  .help-center-need-additional-help .content-left {
    flex: 0 1 50%;
  }
  .help-center-need-additional-help .content-right {
    flex: 0 1 50%;
  }
}
@media (min-width: 2160px) {
  .help-center-need-additional-help {
    padding: 60px 20% 100px;
    gap: 0;
  }
  .help-center-need-additional-help .content-left {
    padding: 0;
  }
  .help-center-need-additional-help .content-right {
    padding: 0;
  }
}
.faqs-content-container {
  padding: 60px 20% 250px;
  display: flex;
  gap: 100px;
  overflow-x: hidden;
}
.faqs-content-container .faq-content {
  width: 70%;
}
.faqs-content-container .faq-content .faq-dropdown {
  display: none;
}
.faqs-content-container .faq-content .faq .question {
  font-size: 22px;
  color: #000000;
  font-family: Roobert Bold, sans-serif;
  line-height: 31px;
  padding-bottom: 15px;
}
.faqs-content-container .faq-content .faq .answer {
  font-size: 16px;
  color: #000000;
  line-height: 24px;
}
.faqs-content-container .faq-content .faq .answer a {
  color: #395FF0;
  cursor: pointer;
  transition-duration: 300ms;
  font-family: Roobert Medium, sans-serif;
}
.faqs-content-container .faq-content .faq .answer a:hover {
  transform: scale(1.05);
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
.faqs-content-container .faq-content .faq:not(:last-child) {
  padding-bottom: 50px;
}
.faqs-content-container #showHideNav {
  display: none;
}
.faqs-content-container .faqs-show-nav {
  position: absolute;
  width: 100vw;
  box-shadow: 0px 2px 4px #5e748226;
  left: 0;
  top: 150px;
  padding: 16px 8%;
  background-color: #ffffff;
  z-index: 1;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.faqs-content-container .faqs-show-nav svg {
  color: #3F64F2;
}
.faqs-content-container .faqs-show-nav .open {
  display: none;
}
.faqs-content-container .faqs-show-nav.open .open {
  display: block;
}
.faqs-content-container .faqs-show-nav.open .closed {
  display: none;
}
.faqs-content-container .faq-sidebar {
  flex: 1 1 25%;
}
.faqs-content-container .faq-sidebar .faq-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.faqs-content-container .faq-sidebar .faq-nav:focus {
  outline: 1px solid #3F64F2;
}
.faqs-content-container .faq-sidebar .faq-nav:focus:not(:focus-visible) {
  outline: none;
}
.faqs-content-container .faq-sidebar .faq-nav:focus-visible {
  outline: 1px solid #3F64F2;
}
.faqs-content-container .faq-sidebar .faq-nav li:not(.active)::before {
  content: '';
  position: absolute;
  top: 0;
  left: -4px;
  bottom: 0;
  width: 2px;
  background-color: #DDE3E8;
  z-index: 1;
}
.faqs-content-container .faq-sidebar .faq-nav li {
  position: relative;
  border-left: 4px solid transparent;
}
.faqs-content-container .faq-sidebar .faq-nav li .ui-action-link.btn.btn-link {
  text-decoration: none;
  display: block;
  cursor: pointer;
  padding: 9px 10px;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  text-align: left;
  margin-left: 14px;
  min-width: 0;
}
.faqs-content-container .faq-sidebar .faq-nav li .ui-action-link.btn.btn-link:hover {
  background-color: #f2f4f6;
  border-radius: 6px;
}
.faqs-content-container .faq-sidebar .faq-nav li .ui-action-link.btn.btn-link:focus,
.faqs-content-container .faq-sidebar .faq-nav li .ui-action-link.btn.btn-link:active {
  outline: none;
  box-shadow: none;
}
.faqs-content-container .faq-sidebar .faq-nav li .ui-action-link.btn.btn-link:focus-visible {
  outline: 2px solid #395FF0;
  outline-offset: 2px;
}
.faqs-content-container .faq-sidebar .faq-nav li .ui-action-link.btn.btn-link span {
  color: #000000;
}
.faqs-content-container .faq-sidebar .faq-nav li.active {
  border-left: 4px solid #048A81;
}
.faqs-content-container .faq-sidebar .faq-nav li.active .ui-action-link.btn.btn-link span {
  color: #048A81;
  font-family: Roobert Medium, sans-serif;
}
@media (max-width: 2160px) {
  .faqs-content-container {
    padding: 60px 130px 250px;
  }
}
@media (max-width: 992px) {
  .faqs-content-container {
    padding: 30px 12px 150px;
  }
  .faqs-content-container .faq-content {
    width: 100%;
  }
  .faqs-content-container .faq-content .faq-dropdown {
    display: block;
  }
  .faqs-content-container .faq-content .faq-dropdown .ui-select-control {
    border: none;
  }
  .faqs-content-container .faq-content .faq-dropdown .ui-select-control .Select .Select__control {
    min-height: 44px;
    height: 44px;
    background: #ffffff;
    border: 1px solid #DDE3E8;
    border-radius: 0;
    box-shadow: none;
    transition: border 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
  }
  .faqs-content-container .faq-content .faq-dropdown .ui-select-control .Select .Select__control:hover {
    border: 2px solid #395FF0;
  }
  .faqs-content-container .faq-content .faq-dropdown .ui-select-control .Select .Select__control.Select__control--is-focused {
    border: 2px solid #395FF0;
    box-shadow: 0 0 0 3px rgba(57, 95, 240, 0.25);
  }
  .faqs-content-container .faq-content .faq-dropdown .ui-select-control .Select .Select__control.Select__control--menu-is-open {
    border: 1px solid #DDE3E8;
    box-shadow: none;
  }
  .faqs-content-container .faq-content .faq-dropdown .ui-select-control .Select__value-container {
    padding-left: 18px;
  }
  .faqs-content-container .faq-content .faq-dropdown .ui-select-control .Select__placeholder {
    color: #5E7482;
    font-family: Roobert, sans-serif;
    font-size: 14px;
  }
  .faqs-content-container .faq-content .faq-dropdown .ui-select-control .Select__single-value {
    color: #323436;
    font-family: Roobert Medium, sans-serif;
    font-size: 14px;
  }
  .faqs-content-container .faq-content .faq-dropdown .ui-select-control .Select__indicator-separator {
    display: none;
  }
  .faqs-content-container .faq-content .faq-dropdown .ui-select-control .Select__dropdown-indicator {
    padding-right: 18px;
  }
  .faqs-content-container .faq-content .faq-dropdown .ui-select-control .Select__dropdown-indicator svg {
    color: #5E7482;
    width: 20px;
    height: 20px;
  }
  .faqs-content-container .faq-content .faq-dropdown .Select__menu {
    z-index: 10;
    background: #ffffff;
    border: 1px solid #DDE3E8;
    border-radius: 0;
    box-shadow: 0 2px 10px rgba(94, 116, 130, 0.3);
    margin-top: 0;
  }
  .faqs-content-container .faq-content .faq-dropdown .Select__menu .Select__menu-list {
    padding: 12px 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .faqs-content-container .faq-content .faq-dropdown .Select__menu .Select__option {
    padding: 10px;
    border-radius: 2px;
    font-family: Roobert, sans-serif;
    font-size: 14px;
    color: #5E7482;
    background: #ffffff;
    cursor: pointer;
  }
  .faqs-content-container .faq-content .faq-dropdown .Select__menu .Select__option.Select__option--is-focused {
    background: #f2f4f6;
  }
  .faqs-content-container .faq-content .faq-dropdown .Select__menu .Select__option.Select__option--is-selected {
    color: #395FF0;
    background: #ffffff;
    font-family: Roobert Medium, sans-serif;
  }
  .faqs-content-container .faq-content .faq .question {
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 18px;
  }
  .faqs-content-container .faqs-show-nav.fixed {
    position: fixed;
    top: 54px;
  }
  .faqs-content-container .faq-sidebar {
    position: absolute;
    top: 200px;
    right: -250px;
    width: 250px;
    background-color: #ffffff;
    height: 100vh;
    padding-top: 30px;
    border-left: 1px solid #dde3e8;
    transition: right ease 0.5s;
  }
  .faqs-content-container .faq-sidebar.open {
    right: 0;
  }
  .faqs-content-container .faq-sidebar.fixed {
    position: fixed;
    top: 104px;
  }
  .faqs-content-container .faq-sidebar .faq-nav li a {
    font-size: 14px;
  }
}
.app-router:has(.guides-content-container) {
  overflow-x: clip;
}
.app-content:has(.guides-content-container) {
  overflow-y: visible;
  overflow-x: clip;
}
.guides-content-container {
  padding: 60px 20% 80px;
  display: flex;
  gap: 100px;
}
.guides-content-container .guides-content {
  width: 70%;
  min-width: 0;
  margin-top: -30px;
}
.guides-content-container .guides-content .guides-section-title {
  font-size: 22px;
  color: #000000;
  font-family: Roobert Bold, sans-serif;
  line-height: 31px;
  padding-bottom: 15px;
}
.guides-content-container .guides-content .guides-overview-text {
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  padding-bottom: 16px;
}
.guides-content-container .guides-content .guides-subguide-links {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.guides-content-container .guides-content .guides-subguide-links > div {
  display: flex;
  align-items: center;
  display: inline-flex;
  gap: 6px;
  width: fit-content;
  border-bottom: 2px solid transparent;
}
.guides-content-container .guides-content .guides-subguide-links > div:hover {
  border-bottom-color: #395FF0;
}
.guides-content-container .guides-content .guides-subguide-links .ui-action-link.btn.btn-link {
  text-decoration: none;
}
.guides-content-container .guides-content .guides-subguide-links .ui-action-link.btn.btn-link:focus,
.guides-content-container .guides-content .guides-subguide-links .ui-action-link.btn.btn-link :active {
  box-shadow: none;
}
.guides-content-container .guides-content .guides-subguide-links .ui-action-link.btn.btn-link:focus-visible {
  outline: 2px solid #395FF0;
  outline-offset: 2px;
}
.guides-content-container .guides-content .guides-subguide-links .ui-action-link.btn.btn-link {
  padding: 6px 0;
  border: none;
  background: none;
  padding-bottom: 0;
}
.guides-content-container .guides-content .guides-subguide-links .ui-action-link.btn.btn-link span {
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
  color: #048A81;
  cursor: pointer;
  transition: color 0.2s ease;
}
.guides-content-container .guides-content .guides-subguide-links .ui-action-link.btn.btn-link:hover span {
  color: #395FF0;
}
.guides-content-container .guides-content .guides-subguide-links .link-arrow {
  font-size: 14px;
  color: #395FF0;
  align-self: center;
  margin-top: 6px;
}
.guides-content-container .guides-content .guides-headers-table {
  margin-top: 30px;
  margin-bottom: 40px;
}
.guides-content-container .guides-content .guides-headers-table .guides-headers-title {
  font-size: 24px;
  font-family: Roobert Bold, sans-serif;
  color: #000000;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.guides-content-container .guides-content .guides-headers-table .guides-headers-desc {
  font-size: 16px;
  color: #000000;
  line-height: 22px;
  margin-bottom: 50px;
}
.guides-content-container .guides-content .guides-headers-table .guides-headers-note {
  font-size: 14px;
  color: #000000;
  font-style: italic;
  margin-bottom: 20px;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container {
  font-family: Roobert, sans-serif;
  display: grid;
  grid-auto-flow: row;
  row-gap: 0;
  width: 100%;
  border-radius: 4px;
  overflow-y: auto;
  border: 1px solid #DDE3E8;
  grid-template-columns: 1fr 1fr 2fr 1.5fr;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-header-item {
  font-family: Roobert Bold, sans-serif;
  border: none;
  border-bottom: 1px solid #DDE3E8;
  text-align: left;
  white-space: normal;
  line-height: 22.4px;
  font-size: 14px;
  color: #000000;
  padding: 19px 20px;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-header-item .grid-header-description {
  display: block;
  font-family: Roobert, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  margin-top: 4px;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item {
  text-align: left;
  white-space: normal;
  font-weight: 400;
  line-height: 22.4px;
  font-size: 14px;
  color: #000000;
  padding: 19px 20px;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-header-item {
  border-right: 1px solid #DDE3E8;
  background-color: #F2F4F5;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-header-item:last-of-type {
  border-right: none;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item {
  border-bottom: 1px solid #DDE3E8;
  border-right: 1px solid #DDE3E8;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item.grid-col-last {
  border-right: none;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item.grid-col-first {
  font-family: Roobert Bold, sans-serif;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item a {
  color: #048A81;
  font-family: Roobert Medium, sans-serif;
  text-decoration: none;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item a:hover {
  text-decoration: underline;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link {
  padding: 0;
  margin-top: 6px;
  text-align: left;
  border: none;
  border-bottom: 2px solid transparent;
  background: none;
  text-decoration: none;
  display: inline;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link span {
  font-size: 14px;
  font-family: Roobert Medium, sans-serif;
  color: #048A81;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:hover {
  background: none;
  border-bottom-color: #048A81;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:hover span {
  color: #048A81;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:focus,
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:active {
  box-shadow: none;
  background: none;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:focus span,
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:active span {
  color: #048A81;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-item .ui-action-link.btn.btn-link:focus-visible {
  outline: 2px solid #395FF0;
  outline-offset: 2px;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container .idempotency-grid-header-item {
  border-top: none;
}
.guides-content-container .guides-content .guides-headers-table .idempotency-grid-container [role="row"]:last-child > .idempotency-grid-item {
  border-bottom: none;
}
.guides-content-container .guides-content .guides-child-content .authentication-container,
.guides-content-container .guides-content .guides-child-content .versioning-container,
.guides-content-container .guides-content .guides-child-content .idempotency-container,
.guides-content-container .guides-content .guides-child-content .api-integration-best-practices-container,
.guides-content-container .guides-content .guides-child-content .api-response-error-codes-container,
.guides-content-container .guides-content .guides-child-content .apikey-container,
.guides-content-container .guides-content .guides-child-content .encryption-container,
.guides-content-container .guides-content .guides-child-content .devresources-content {
  padding: 0;
}
.guides-content-container .guides-content .guides-child-content .custom-api-host-box-generator {
  grid-template-columns: 1fr 1fr;
}
.guides-content-container .guides-content .guides-child-content .api-host-top-box {
  display: flex;
}
.guides-content-container .guides-content .guides-child-content .api-host-portocol-box {
  height: auto;
  flex: 1;
}
.guides-content-container .guides-sidebar {
  flex: 0 0 25%;
  align-self: flex-start;
  position: sticky;
  top: 150px;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
}
.guides-content-container .guides-sidebar .guides-mobile-dropdown {
  display: none;
}
.guides-content-container .guides-sidebar .guide-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.guides-content-container .guides-sidebar .guide-nav:focus {
  outline: 1px solid #3F64F2;
}
.guides-content-container .guides-sidebar .guide-nav:focus:not(:focus-visible) {
  outline: none;
}
.guides-content-container .guides-sidebar .guide-nav:focus-visible {
  outline: 1px solid #3F64F2;
}
.guides-content-container .guides-sidebar .guide-nav li:not(.active)::before {
  content: '';
  position: absolute;
  top: 0;
  left: -4px;
  bottom: 0;
  width: 2px;
  background-color: #DDE3E8;
  z-index: 1;
}
.guides-content-container .guides-sidebar .guide-nav li {
  position: relative;
  border-left: 4px solid transparent;
}
.guides-content-container .guides-sidebar .guide-nav li .ui-action-link.btn.btn-link {
  text-decoration: none;
  display: block;
  cursor: pointer;
  padding: 9px 10px;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  text-align: left;
  margin-left: 14px;
  min-width: 0;
}
.guides-content-container .guides-sidebar .guide-nav li .ui-action-link.btn.btn-link:hover {
  background-color: #f2f4f6;
  border-radius: 6px;
}
.guides-content-container .guides-sidebar .guide-nav li .ui-action-link.btn.btn-link:focus,
.guides-content-container .guides-sidebar .guide-nav li .ui-action-link.btn.btn-link:active {
  outline: none;
  box-shadow: none;
}
.guides-content-container .guides-sidebar .guide-nav li .ui-action-link.btn.btn-link:focus-visible {
  outline: 2px solid #395FF0;
  outline-offset: 2px;
}
.guides-content-container .guides-sidebar .guide-nav li .ui-action-link.btn.btn-link span {
  color: #000000;
}
.guides-content-container .guides-sidebar .guide-nav li.active {
  border-left: 4px solid #048A81;
}
.guides-content-container .guides-sidebar .guide-nav li.active .ui-action-link.btn.btn-link span {
  color: #048A81;
  font-family: Roobert Medium, sans-serif;
}
.guides-content-container .guides-sidebar .guide-nav li {
  display: flex;
  align-items: center;
}
.guides-content-container .guides-sidebar .guide-nav li .guide-lock-icon {
  color: #000000;
  font-size: 12px;
  flex-shrink: 0;
  margin-left: 14px;
}
.guides-header.normal-common-header-container .common-header-content {
  display: flex;
  align-items: center;
}
.guides-header.normal-common-header-container .common-header-content .theme-icon {
  background: #692C8F;
  padding: 12px;
  border-radius: 6px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  margin-right: 50px;
  flex-shrink: 0;
  align-self: center;
}
.guides-header.normal-common-header-container .common-header-content img.theme-icon {
  padding: 11px;
  object-fit: contain;
}
.guides-header.normal-common-header-container .common-header-content .header-text {
  align-self: center;
}
.guides-header.normal-common-header-container .common-header-content .header-text h1 {
  font-size: 32px;
  margin-top: 0;
}
.solutions-container .guides-header.normal-common-header-container .common-header-content .theme-icon {
  background: #692C8F;
}
@media (max-width: 2160px) {
  .guides-content-container {
    padding: 60px 130px 80px;
  }
}
@media (max-width: 992px) {
  .guides-header.normal-common-header-container {
    padding: 30px 12px 40px;
  }
  .guides-header.normal-common-header-container .common-header-content {
    flex-direction: row;
    align-items: flex-start;
  }
  .guides-header.normal-common-header-container .common-header-content .theme-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    font-size: 22px;
    padding: 9px;
    margin-right: 16px;
    margin-bottom: 0;
    align-self: flex-start;
  }
  .guides-header.normal-common-header-container .common-header-content .header-text h1 {
    font-size: 24px;
    line-height: 31px;
  }
  .guides-header.normal-common-header-container .common-header-content .header-text span {
    font-size: 16px;
    line-height: 24px;
  }
  .guides-content-container {
    padding: 30px 12px 60px;
    flex-direction: column;
    gap: 0;
  }
  .guides-content-container .guides-content {
    width: 100%;
  }
  .guides-content-container .guides-headers-table .idempotency-grid-container {
    overflow-x: auto;
    max-width: 100%;
  }
  .guides-content-container .guides-sidebar {
    position: static;
    width: 100%;
    order: -1;
    margin-bottom: 24px;
    max-height: none;
    overflow-y: visible;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown {
    display: block;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .ui-select-control {
    border: none;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .ui-select-control .Select .Select__control {
    min-height: 44px;
    height: 44px;
    background: #ffffff;
    border: 1px solid #DDE3E8;
    border-radius: 0;
    box-shadow: none;
    transition: border 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .ui-select-control .Select .Select__control:hover {
    border: 2px solid #395FF0;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .ui-select-control .Select .Select__control.Select__control--is-focused {
    border: 2px solid #395FF0;
    box-shadow: 0 0 0 3px rgba(57, 95, 240, 0.25);
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .ui-select-control .Select .Select__control.Select__control--menu-is-open {
    border: 1px solid #DDE3E8;
    box-shadow: none;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .ui-select-control .Select__value-container {
    padding-left: 18px;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .ui-select-control .Select__placeholder {
    color: #5E7482;
    font-family: Roobert, sans-serif;
    font-size: 14px;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .ui-select-control .Select__single-value {
    color: #323436;
    font-family: Roobert Medium, sans-serif;
    font-size: 14px;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .ui-select-control .Select__indicator-separator {
    display: none;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .ui-select-control .Select__dropdown-indicator {
    padding-right: 18px;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .ui-select-control .Select__dropdown-indicator svg {
    color: #5E7482;
    width: 20px;
    height: 20px;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .Select__menu {
    z-index: 10;
    background: #ffffff;
    border: 1px solid #DDE3E8;
    border-radius: 0;
    box-shadow: 0 2px 10px rgba(94, 116, 130, 0.3);
    margin-top: 0;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .Select__menu .Select__menu-list {
    padding: 12px 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .Select__menu .Select__option {
    padding: 10px;
    border-radius: 2px;
    font-family: Roobert, sans-serif;
    font-size: 14px;
    color: #5E7482;
    background: #ffffff;
    cursor: pointer;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .Select__menu .Select__option.Select__option--is-focused {
    background: #f2f4f6;
  }
  .guides-content-container .guides-sidebar .guides-mobile-dropdown .Select__menu .Select__option.Select__option--is-selected {
    color: #395FF0;
    background: #ffffff;
    font-family: Roobert Medium, sans-serif;
  }
  .guides-content-container .guides-sidebar .guide-nav {
    display: none;
  }
}
.inline-button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-end;
}
.ui-modal .modal-content .modal-body .form-label {
  font-size: 16px;
  color: #00406e;
  font-family: Roobert, sans-serif;
}
.ui-modal .modal-content .modal-footer .inline-button-group .ui-action-button.btn,
.ui-modal .modal-content .modal-footer .inline-button-group .ui-submit-button.btn {
  min-width: 100px;
  min-height: 36px;
}
.ui-action-button.btn-block {
  display: inline-block;
  width: unset;
}
.ui-action-button.btn {
  padding: 0px 20px;
  min-width: 160px;
  min-height: 38px;
  height: auto;
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
  box-shadow: none;
  text-shadow: none;
  text-align: center;
  touch-action: manipulation;
  white-space: nowrap;
  user-select: none;
  border-radius: 0px;
  background-image: none;
  background-repeat: no-repeat;
}
.ui-action-button.btn.btn-default {
  background-color: #ffffff;
  color: #000000;
  border: 1.5px solid #000000;
  font-family: Roobert, sans-serif;
}
.ui-action-button.btn.btn-default:hover {
  background-color: #ffffff;
  color: #395FF0;
  border: 1.5px solid #395FF0;
}
.ui-action-button.btn.btn-default:active {
  background-color: #ffffff;
  color: #1D3282;
  border: 1px solid #1D3282;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
}
.ui-action-button.btn.btn-default:focus {
  background-color: #ffffff;
  color: #395FF0;
  border: 1px solid #395FF0;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-action-button.btn.btn-default:focus:not(:focus-visible) {
  background-color: #ffffff;
  color: #1D3282;
  border: 1px solid #1D3282;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-action-button.btn.btn-default:focus-visible {
  background-color: #ffffff;
  color: #395FF0;
  border: 1px solid #395FF0;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-action-button.btn.btn-default.btn-tertiary {
  background-color: #11191F;
  border: 1px solid #11191F;
  transition-duration: 250ms;
  border-radius: inherit;
  display: inline-flex;
  height: 60px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  font-family: Roobert, sans-serif;
  background-color: #000;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
  cursor: pointer;
  font-family: Roobert Bold, sans-serif;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
}
.ui-action-button.btn.btn-default.btn-tertiary:hover {
  background-color: #1D3282;
  transition-duration: 250ms;
  box-shadow: none;
  color: #ffffff;
  background-image: linear-gradient(101.31deg, #9f3fff -5%, #ff18da 30%);
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  background-position: 0;
}
.ui-action-button.btn.btn-default.btn-tertiary:active {
  background-color: #dde3e8;
  color: #323436;
  border: 1px solid #dde3e8;
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6);
}
.ui-action-button.btn.btn-default.btn-tertiary:focus {
  background-color: #11191F;
  color: #ffffff;
  border: 1px solid #11191F;
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6);
  outline: none;
}
.ui-action-button.btn.btn-default.btn-tertiary:focus:not(:focus-visible) {
  background-color: #dde3e8;
  color: #323436;
  border: 1px solid #dde3e8;
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6);
  outline: none;
}
.ui-action-button.btn.btn-default.btn-tertiary:focus-visible {
  background-color: #11191F;
  color: #ffffff;
  border: 1px solid #11191F;
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6);
  outline: none;
}
@media (max-width: 767px) {
  .ui-action-button.btn.btn-default.btn-tertiary {
    height: 42px;
  }
}
.ui-action-button.btn.btn-large {
  min-width: 220px;
  min-height: 52px;
  font-size: 16px;
}
.ui-submit-button.btn-block {
  display: inline-block;
  width: unset;
}
.ui-submit-button.btn {
  padding: 0px 20px;
  min-width: 160px;
  min-height: 38px;
  height: auto;
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
  box-shadow: none;
  text-shadow: none;
  text-align: center;
  touch-action: manipulation;
  white-space: nowrap;
  user-select: none;
  border-radius: 0px;
  background-image: none;
  background-repeat: no-repeat;
}
.ui-submit-button.btn.btn-primary {
  background-color: #395FF0;
  color: #ffffff;
  border: 1px solid #395FF0;
  transition-duration: 250ms;
  font-family: Roobert, sans-serif;
}
.ui-submit-button.btn.btn-primary:hover {
  background-color: #1D3282;
  color: #ffffff;
  border: 1px solid #1D3282;
  transition-duration: 250ms;
}
.ui-submit-button.btn.btn-primary:active {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
}
.ui-submit-button.btn.btn-primary:focus {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-submit-button.btn.btn-primary:focus:not(:focus-visible) {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-submit-button.btn.btn-primary:focus-visible {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-submit-button.btn.btn-primary:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 1px solid #dde3e8;
  opacity: 1;
  cursor: default;
}
.ui-submit-button.btn.btn-primary {
  background-color: #395FF0;
  color: #ffffff;
  border: 1px solid #395FF0;
  transition-duration: 250ms;
  font-family: Roobert, sans-serif;
}
.ui-submit-button.btn.btn-primary:hover {
  background-color: #1D3282;
  color: #ffffff;
  border: 1px solid #1D3282;
  transition-duration: 250ms;
}
.ui-submit-button.btn.btn-primary:active {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
}
.ui-submit-button.btn.btn-primary:focus {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-submit-button.btn.btn-primary:focus:not(:focus-visible) {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-submit-button.btn.btn-primary:focus-visible {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-submit-button.btn.btn-primary:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 1px solid #dde3e8;
  opacity: 1;
  cursor: default;
}
.ui-submit-button.btn.btn-primary-small {
  background-color: #395FF0;
  color: #ffffff;
  border: 1px solid #395FF0;
  transition-duration: 250ms;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
  cursor: pointer;
  font-family: Roobert Bold, sans-serif;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  border-radius: 0px;
  width: 147px;
  display: flex;
  height: 60px;
  padding: 20px 42px;
  justify-content: center;
  align-items: center;
}
.ui-submit-button.btn.btn-primary-small:hover {
  background-color: #1D3282;
  border: none;
  transition-duration: 250ms;
  box-shadow: none;
  color: #ffffff;
  background-image: linear-gradient(101.31deg, #9f3fff -5%, #ff18da 30%);
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  background-position: 0;
}
.ui-submit-button.btn.btn-primary-small:active {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
}
.ui-submit-button.btn.btn-primary-small:focus {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-submit-button.btn.btn-primary-small:focus:not(:focus-visible) {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-submit-button.btn.btn-primary-small:focus-visible {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-submit-button.btn.btn-primary-small:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 1px solid #dde3e8;
  opacity: 1;
  cursor: default;
}
.ui-secondary-button {
  padding: 0px 20px;
  min-width: 160px;
  min-height: 38px;
  height: auto;
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
  box-shadow: none;
  text-shadow: none;
  text-align: center;
  touch-action: manipulation;
  white-space: nowrap;
  user-select: none;
  border-radius: 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-color: #ffffff;
  color: #000000;
  border: 1.5px solid #000000;
  font-family: Roobert, sans-serif;
}
.ui-secondary-button:hover {
  background-color: #ffffff;
  color: #395FF0;
  border: 1.5px solid #395FF0;
}
.ui-secondary-button:active {
  background-color: #ffffff;
  color: #1D3282;
  border: 1px solid #1D3282;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
}
.ui-secondary-button:focus {
  background-color: #ffffff;
  color: #395FF0;
  border: 1px solid #395FF0;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-secondary-button:focus:not(:focus-visible) {
  background-color: #ffffff;
  color: #1D3282;
  border: 1px solid #1D3282;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-secondary-button:focus-visible {
  background-color: #ffffff;
  color: #395FF0;
  border: 1px solid #395FF0;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-secondary-button.btn-default {
  padding: 0px 20px;
  min-width: 160px;
  min-height: 38px;
  height: auto;
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
  box-shadow: none;
  text-shadow: none;
  text-align: center;
  touch-action: manipulation;
  white-space: nowrap;
  user-select: none;
  border-radius: 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-color: #ffffff;
  color: #000000;
  border: 1.5px solid #000000;
  font-family: Roobert, sans-serif;
}
.ui-secondary-button.btn-default:hover {
  background-color: #ffffff;
  color: #395FF0;
  border: 1.5px solid #395FF0;
}
.ui-secondary-button.btn-default:active {
  background-color: #ffffff;
  color: #1D3282;
  border: 1px solid #1D3282;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
}
.ui-secondary-button.btn-default:focus {
  background-color: #ffffff;
  color: #395FF0;
  border: 1px solid #395FF0;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-secondary-button.btn-default:focus:not(:focus-visible) {
  background-color: #ffffff;
  color: #1D3282;
  border: 1px solid #1D3282;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.ui-secondary-button.btn-default:focus-visible {
  background-color: #ffffff;
  color: #395FF0;
  border: 1px solid #395FF0;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
.home-container button.ui-action-button.btn-tertiary,
.pre-footer-button button.ui-action-button.btn-tertiary {
  background-color: #11191F;
  border: 1px solid #11191F;
  transition-duration: 250ms;
  border-radius: inherit;
  display: inline-flex;
  height: 60px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  font-family: Roobert, sans-serif;
  background-color: #000;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
  cursor: pointer;
  font-family: Roobert Bold, sans-serif;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  min-height: 42px;
}
.home-container button.ui-action-button.btn-tertiary:hover,
.pre-footer-button button.ui-action-button.btn-tertiary:hover {
  background-color: #1D3282;
  transition-duration: 250ms;
  box-shadow: none;
  color: #ffffff;
  background-image: linear-gradient(101.31deg, #9f3fff -5%, #ff18da 30%);
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  background-position: 0;
}
.home-container button.ui-action-button.btn-tertiary:active,
.pre-footer-button button.ui-action-button.btn-tertiary:active {
  background-color: #dde3e8;
  color: #323436;
  border: 1px solid #dde3e8;
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6);
}
.home-container button.ui-action-button.btn-tertiary:focus,
.pre-footer-button button.ui-action-button.btn-tertiary:focus {
  background-color: #11191F;
  color: #ffffff;
  border: 1px solid #11191F;
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6);
  outline: none;
}
.home-container button.ui-action-button.btn-tertiary:focus:not(:focus-visible),
.pre-footer-button button.ui-action-button.btn-tertiary:focus:not(:focus-visible) {
  background-color: #dde3e8;
  color: #323436;
  border: 1px solid #dde3e8;
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6);
  outline: none;
}
.home-container button.ui-action-button.btn-tertiary:focus-visible,
.pre-footer-button button.ui-action-button.btn-tertiary:focus-visible {
  background-color: #11191F;
  color: #ffffff;
  border: 1px solid #11191F;
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6);
  outline: none;
}
@media (max-width: 767px) {
  .home-container button.ui-action-button.btn-tertiary,
  .pre-footer-button button.ui-action-button.btn-tertiary {
    height: 42px;
  }
}
button.ui-action-button.btn-primary.medium-button {
  background-color: #395FF0;
  color: #ffffff;
  border: 1px solid #395FF0;
  transition-duration: 250ms;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
  cursor: pointer;
  font-family: Roobert Bold, sans-serif;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  border-radius: 0px;
  font-size: 16px;
  min-height: 60px;
}
button.ui-action-button.btn-primary.medium-button:hover {
  background-color: #1D3282;
  border: none;
  transition-duration: 250ms;
  box-shadow: none;
  color: #ffffff;
  background-image: linear-gradient(101.31deg, #9f3fff -5%, #ff18da 30%);
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  background-position: 0;
}
button.ui-action-button.btn-primary.medium-button:active {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
}
button.ui-action-button.btn-primary.medium-button:focus {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
button.ui-action-button.btn-primary.medium-button:focus:not(:focus-visible) {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
button.ui-action-button.btn-primary.medium-button:focus-visible {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
button.ui-action-button.btn-primary.medium-button:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 1px solid #dde3e8;
  opacity: 1;
  cursor: default;
}
@media (max-width: 991px) {
  button.ui-action-button.btn-primary.medium-button {
    font-size: 16px;
    min-height: 42px;
  }
}
@media (max-width: 480px) {
  button.ui-action-button.btn-primary.medium-button {
    font-size: 14px;
    min-height: 42px;
  }
}
button.ui-action-button.btn.btn-large.medium-inverse-button {
  background-color: #395FF0;
  color: #ffffff;
  border: 1px solid #395FF0;
  transition-duration: 250ms;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
  cursor: pointer;
  font-family: Roobert Bold, sans-serif;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  border-radius: 0px;
  color: #000000;
  background-color: #ffffff;
  border: 3px solid #000000;
  font-size: 16px;
  min-height: 60px;
}
button.ui-action-button.btn.btn-large.medium-inverse-button:hover {
  background-color: #1D3282;
  border: none;
  transition-duration: 250ms;
  box-shadow: none;
  color: #ffffff;
  background-image: linear-gradient(101.31deg, #9f3fff -5%, #ff18da 30%);
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  background-position: 0;
}
button.ui-action-button.btn.btn-large.medium-inverse-button:active {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
}
button.ui-action-button.btn.btn-large.medium-inverse-button:focus {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
button.ui-action-button.btn.btn-large.medium-inverse-button:focus:not(:focus-visible) {
  background-color: #11191F;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
button.ui-action-button.btn.btn-large.medium-inverse-button:focus-visible {
  background-color: #395FF0;
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(57, 95, 240, 0.25);
  outline: none;
}
button.ui-action-button.btn.btn-large.medium-inverse-button:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 1px solid #dde3e8;
  opacity: 1;
  cursor: default;
}
@media (max-width: 991px) {
  button.ui-action-button.btn.btn-large.medium-inverse-button {
    font-size: 16px;
    min-height: 42px;
  }
}
@media (max-width: 480px) {
  button.ui-action-button.btn.btn-large.medium-inverse-button {
    font-size: 14px;
    min-height: 42px;
  }
}
a.ui-link {
  font-family: Roobert, sans-serif;
  text-transform: uppercase;
  color: #323436;
  font-size: 18px;
}
a.ui-link:hover {
  color: #323436;
}
a.ui-link.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.7;
}
a.ui-link.large-inverse-button {
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
  line-height: 19.8px;
}
@media (max-width: 767px) {
  a.ui-link.large-inverse-button {
    font-size: 16px;
    line-height: 17.6px;
  }
}
a.ui-link.small-inverse-button {
  color: #ffffff;
  font-weight: 900;
  font-size: 16px;
  line-height: 17.6px;
}
.btn-link {
  color: #048A81;
}
#CommonEmptyPageButton {
  min-width: 185px;
  width: auto;
}
.btn-link {
  color: #048A81;
}
.btn-link:hover,
.btn-link:focus {
  color: #000000;
}
.btn-link[disabled],
fieldset[disabled] .btn-link {
  color: #5E7482;
}
.button-container button.ui-action-button.btn-primary {
  border-radius: 0px;
  font-family: Roobert Bold, sans-serif;
  text-transform: uppercase;
}
.button-container button.ui-action-button.btn-primary.primary-blue-button {
  background-color: transparent;
  background-image: linear-gradient(101.31deg, #9F3FFF -5%, #FF18DA 30%);
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  background-color: #395FF0;
  color: #ffffff;
}
.button-container button.ui-action-button.btn-primary.primary-blue-button:hover {
  background-position: 0;
  border-color: transparent;
}
.button-container button.ui-action-button.btn-primary.primary-black-button {
  background-color: transparent;
  background-image: linear-gradient(101.31deg, #9F3FFF -5%, #FF18DA 30%);
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  background-color: #000000;
  color: #ffffff;
}
.button-container button.ui-action-button.btn-primary.primary-black-button:hover {
  background-position: 0;
  border-color: transparent;
}
.button-container button.ui-action-button.btn-primary.secondary-outline-button {
  background-color: transparent;
  background-image: linear-gradient(101.31deg, #9F3FFF -5%, #FF18DA 30%);
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  color: #000000;
  border: 3px solid #000000;
}
.button-container button.ui-action-button.btn-primary.secondary-outline-button:hover {
  color: #ffffff;
  background-position: 0;
  border-color: transparent;
  background-color: #9F3FFF;
}
.button-container button.ui-action-button.btn-primary.secondary-outline-button:focus {
  background-color: #ffffff;
}
.button-container button.ui-action-button.btn-primary.gradientless-secondary-outline-button {
  background-color: transparent;
  background-image: linear-gradient(101.31deg, #9F3FFF -5%, #FF18DA 30%);
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  color: #000000;
  border: 1.5px solid #000000;
  outline: 3px solid transparent;
}
.button-container button.ui-action-button.btn-primary.gradientless-secondary-outline-button:hover {
  color: #395FF0;
  border: 1.5px solid #395FF0;
  box-shadow: none;
}
.button-container button.ui-action-button.btn-primary.gradientless-secondary-outline-button:focus,
.button-container button.ui-action-button.btn-primary.gradientless-secondary-outline-button:active {
  color: #395FF0;
  border: 1.5px solid #395FF0;
  box-shadow: none;
  background-color: #E8F0FE;
  outline: 3px solid #E8F0FE;
  outline-offset: 0;
}
.button-container button.ui-action-button.btn-primary.gradientless-primary-blue-button {
  background-color: transparent;
  background-image: #1D3282;
  background-position: 200%;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.3s ease-in-out;
  background-color: #395FF0;
  color: #ffffff;
  outline: 3px solid transparent;
  border: none;
}
.button-container button.ui-action-button.btn-primary.gradientless-primary-blue-button:hover {
  background-color: #1D3282;
  box-shadow: none;
}
.button-container button.ui-action-button.btn-primary.gradientless-primary-blue-button:focus,
.button-container button.ui-action-button.btn-primary.gradientless-primary-blue-button:active {
  background-color: #11191F;
  box-shadow: none;
  outline: 3px solid #E8F0FE;
}
.button-container button.ui-action-button.btn-primary.medium--button {
  height: 60px;
  padding: 20px 42px;
  font-size: 16px;
  line-height: 100%;
}
@media (max-width: 768px) {
  .button-container button.ui-action-button.btn-primary.medium--button {
    height: 42px;
    padding: 12px 32px;
    font-size: 14px;
    line-height: 16px;
  }
}
.button-container button.ui-action-button.btn-primary.small--button {
  height: 42px;
  padding: 12px 32px;
  font-size: 16px;
  line-height: 100%;
}
.button-container button.ui-action-button.btn-primary.extra--small--button {
  height: 42px;
  padding: 12px 32px;
  font-size: 14px;
  line-height: 16px;
}
.button-container button.ui-action-button.btn-primary.extra--small--button--normal {
  padding: 9px 16px;
  font-size: 14px;
  line-height: 19px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.button-container button.ui-action-button.btn-primary.nav-signin-button {
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
}
.button-container button.ui-action-button.btn-primary.nav-signin-button:hover,
.button-container button.ui-action-button.btn-primary.nav-signin-button:focus,
.button-container button.ui-action-button.btn-primary.nav-signin-button:active {
  text-decoration: none;
}
.button-container button.ui-action-button.btn-primary:active,
.button-container button.ui-action-button.btn-primary:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
.button-container button.ui-action-button.btn-primary:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 1px solid #dde3e8;
  opacity: 1;
  cursor: default;
}
button.ui-action-button.fis-primary-button {
  transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease, border-color 0.3s ease, outline-color 0.3s ease, box-shadow 0.3s ease;
  font-family: Roobert Medium, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  border-radius: 18px;
  min-width: 96px;
  height: 36px;
  min-height: 36px;
  padding: 0 20px;
  box-sizing: border-box;
  gap: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  outline: 3px solid transparent;
  transition: all 0.3s ease;
  background-color: #4BCD3E;
  color: #000000;
  border: 2px solid transparent;
}
button.ui-action-button.fis-primary-button:hover,
button.ui-action-button.fis-primary-button:focus,
button.ui-action-button.fis-primary-button:active {
  text-decoration: none;
}
button.ui-action-button.fis-primary-button:focus,
button.ui-action-button.fis-primary-button:active {
  box-shadow: none;
  outline: 3px solid rgba(75, 205, 62, 0.25);
}
button.ui-action-button.fis-primary-button:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
button.ui-action-button.fis-primary-button:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
button.ui-action-button.fis-primary-button:hover,
button.ui-action-button.fis-primary-button:focus,
button.ui-action-button.fis-primary-button:active {
  text-decoration: none;
}
button.ui-action-button.fis-primary-button:focus,
button.ui-action-button.fis-primary-button:active {
  box-shadow: none;
  outline: 3px solid transparent;
}
button.ui-action-button.fis-primary-button:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
button.ui-action-button.fis-primary-button:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
button.ui-action-button.fis-primary-button.btn {
  min-height: 36px;
}
button.ui-action-button.fis-primary-button:hover {
  border: 2px solid #4BCD3E;
  background-color: transparent;
  color: #000000;
  box-shadow: none;
}
button.ui-action-button.fis-primary-button.fis-dark {
  background-color: #4BCD3E;
  color: #000000;
}
button.ui-action-button.fis-primary-button.fis-dark:hover {
  border: 2px solid #4BCD3E;
  background-color: transparent;
  color: #ffffff;
}
button.ui-action-button.fis-secondary-button {
  transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease, border-color 0.3s ease, outline-color 0.3s ease, box-shadow 0.3s ease;
  font-family: Roobert Medium, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  border-radius: 18px;
  min-width: 96px;
  height: 36px;
  min-height: 36px;
  padding: 0 20px;
  box-sizing: border-box;
  gap: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  outline: 3px solid transparent;
  transition: all 0.3s ease;
  background-color: transparent;
  color: #000000;
  border: 2px solid #4BCD3E;
}
button.ui-action-button.fis-secondary-button:hover,
button.ui-action-button.fis-secondary-button:focus,
button.ui-action-button.fis-secondary-button:active {
  text-decoration: none;
}
button.ui-action-button.fis-secondary-button:focus,
button.ui-action-button.fis-secondary-button:active {
  box-shadow: none;
  outline: 3px solid rgba(75, 205, 62, 0.25);
}
button.ui-action-button.fis-secondary-button:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
button.ui-action-button.fis-secondary-button:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
button.ui-action-button.fis-secondary-button:hover,
button.ui-action-button.fis-secondary-button:focus,
button.ui-action-button.fis-secondary-button:active {
  text-decoration: none;
}
button.ui-action-button.fis-secondary-button:focus,
button.ui-action-button.fis-secondary-button:active {
  box-shadow: none;
  outline: 3px solid transparent;
}
button.ui-action-button.fis-secondary-button:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
button.ui-action-button.fis-secondary-button:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
button.ui-action-button.fis-secondary-button.btn {
  min-height: 36px;
}
button.ui-action-button.fis-secondary-button:hover {
  background-color: #4BCD3E;
  color: #000000;
  border: 2px solid #4BCD3E;
  box-shadow: none;
}
button.ui-action-button.fis-secondary-button.fis-dark {
  color: #ffffff;
  border: 2px solid #4BCD3E;
}
button.ui-action-button.fis-secondary-button.fis-dark:hover {
  background-color: #4BCD3E;
  color: #000000;
}
button.ui-action-button.fis-tertiary-button {
  font-family: Roobert, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  color: #000000;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 20px;
  transition: gap 0.3s ease;
}
button.ui-action-button.fis-tertiary-button::after {
  content: url("/images/icons/arrow-right-fis-teal-2ff43a0206ba981be6dc08c0b7474296.svg");
  height: 16px;
  width: 16px;
}
button.ui-action-button.fis-tertiary-button:hover {
  gap: 12px;
  text-decoration: none;
  box-shadow: none;
  background: none;
}
button.ui-action-button.fis-tertiary-button:focus,
button.ui-action-button.fis-tertiary-button:active {
  box-shadow: none;
  outline: 3px solid rgba(75, 205, 62, 0.25);
  outline-offset: 4px;
  border-radius: 2px;
  background: none;
  color: #000000;
}
button.ui-action-button.fis-tertiary-button:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
button.ui-action-button.fis-tertiary-button.fis-tertiary--small {
  font-size: 14px;
  line-height: 16px;
}
button.ui-action-button.fis-tertiary-button.fis-dark {
  color: #ffffff;
}
button.ui-action-button.fis-tertiary-button.fis-dark::after {
  content: url("/images/icons/arrow-right-fis-green-cf2525956972dd4884b618bcf28a5fad.svg");
  height: 16px;
  width: 16px;
}
button.ui-action-button.fis-tertiary-button.fis-dark:focus,
button.ui-action-button.fis-tertiary-button.fis-dark:active {
  color: #ffffff;
}
button.ui-action-button.fis-tertiary-button:disabled {
  color: #5E7482;
  cursor: default;
}
button.ui-action-button.fis-purple-button,
button.ui-action-button.btn.btn-primary.fis-purple-button,
button.ui-submit-button.fis-purple-button,
button.ui-submit-button.btn.btn-primary.fis-purple-button,
.reg-btns.fis-purple-button button.ui-submit-button.btn,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary {
  transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease, border-color 0.3s ease, outline-color 0.3s ease, box-shadow 0.3s ease;
  font-family: Roobert Medium, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  border-radius: 18px;
  min-width: 96px;
  height: 36px;
  min-height: 36px;
  padding: 0 20px;
  box-sizing: border-box;
  gap: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  outline: 3px solid transparent;
  transition: all 0.3s ease;
  background-color: #431C5B;
  color: #ffffff;
  border: 2px solid transparent;
  background-image: none;
}
button.ui-action-button.fis-purple-button:hover,
button.ui-action-button.btn.btn-primary.fis-purple-button:hover,
button.ui-submit-button.fis-purple-button:hover,
button.ui-submit-button.btn.btn-primary.fis-purple-button:hover,
.reg-btns.fis-purple-button button.ui-submit-button.btn:hover,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:hover,
button.ui-action-button.fis-purple-button:focus,
button.ui-action-button.btn.btn-primary.fis-purple-button:focus,
button.ui-submit-button.fis-purple-button:focus,
button.ui-submit-button.btn.btn-primary.fis-purple-button:focus,
.reg-btns.fis-purple-button button.ui-submit-button.btn:focus,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:focus,
button.ui-action-button.fis-purple-button:active,
button.ui-action-button.btn.btn-primary.fis-purple-button:active,
button.ui-submit-button.fis-purple-button:active,
button.ui-submit-button.btn.btn-primary.fis-purple-button:active,
.reg-btns.fis-purple-button button.ui-submit-button.btn:active,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:active {
  text-decoration: none;
}
button.ui-action-button.fis-purple-button:focus,
button.ui-action-button.btn.btn-primary.fis-purple-button:focus,
button.ui-submit-button.fis-purple-button:focus,
button.ui-submit-button.btn.btn-primary.fis-purple-button:focus,
.reg-btns.fis-purple-button button.ui-submit-button.btn:focus,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:focus,
button.ui-action-button.fis-purple-button:active,
button.ui-action-button.btn.btn-primary.fis-purple-button:active,
button.ui-submit-button.fis-purple-button:active,
button.ui-submit-button.btn.btn-primary.fis-purple-button:active,
.reg-btns.fis-purple-button button.ui-submit-button.btn:active,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:active {
  box-shadow: none;
  outline: 3px solid rgba(75, 205, 62, 0.25);
}
button.ui-action-button.fis-purple-button:focus-visible,
button.ui-action-button.btn.btn-primary.fis-purple-button:focus-visible,
button.ui-submit-button.fis-purple-button:focus-visible,
button.ui-submit-button.btn.btn-primary.fis-purple-button:focus-visible,
.reg-btns.fis-purple-button button.ui-submit-button.btn:focus-visible,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
button.ui-action-button.fis-purple-button:disabled,
button.ui-action-button.btn.btn-primary.fis-purple-button:disabled,
button.ui-submit-button.fis-purple-button:disabled,
button.ui-submit-button.btn.btn-primary.fis-purple-button:disabled,
.reg-btns.fis-purple-button button.ui-submit-button.btn:disabled,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
button.ui-action-button.fis-purple-button:hover,
button.ui-action-button.btn.btn-primary.fis-purple-button:hover,
button.ui-submit-button.fis-purple-button:hover,
button.ui-submit-button.btn.btn-primary.fis-purple-button:hover,
.reg-btns.fis-purple-button button.ui-submit-button.btn:hover,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:hover,
button.ui-action-button.fis-purple-button:focus,
button.ui-action-button.btn.btn-primary.fis-purple-button:focus,
button.ui-submit-button.fis-purple-button:focus,
button.ui-submit-button.btn.btn-primary.fis-purple-button:focus,
.reg-btns.fis-purple-button button.ui-submit-button.btn:focus,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:focus,
button.ui-action-button.fis-purple-button:active,
button.ui-action-button.btn.btn-primary.fis-purple-button:active,
button.ui-submit-button.fis-purple-button:active,
button.ui-submit-button.btn.btn-primary.fis-purple-button:active,
.reg-btns.fis-purple-button button.ui-submit-button.btn:active,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:active {
  text-decoration: none;
}
button.ui-action-button.fis-purple-button:focus,
button.ui-action-button.btn.btn-primary.fis-purple-button:focus,
button.ui-submit-button.fis-purple-button:focus,
button.ui-submit-button.btn.btn-primary.fis-purple-button:focus,
.reg-btns.fis-purple-button button.ui-submit-button.btn:focus,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:focus,
button.ui-action-button.fis-purple-button:active,
button.ui-action-button.btn.btn-primary.fis-purple-button:active,
button.ui-submit-button.fis-purple-button:active,
button.ui-submit-button.btn.btn-primary.fis-purple-button:active,
.reg-btns.fis-purple-button button.ui-submit-button.btn:active,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:active {
  box-shadow: none;
  outline: 3px solid transparent;
}
button.ui-action-button.fis-purple-button:focus-visible,
button.ui-action-button.btn.btn-primary.fis-purple-button:focus-visible,
button.ui-submit-button.fis-purple-button:focus-visible,
button.ui-submit-button.btn.btn-primary.fis-purple-button:focus-visible,
.reg-btns.fis-purple-button button.ui-submit-button.btn:focus-visible,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
button.ui-action-button.fis-purple-button:disabled,
button.ui-action-button.btn.btn-primary.fis-purple-button:disabled,
button.ui-submit-button.fis-purple-button:disabled,
button.ui-submit-button.btn.btn-primary.fis-purple-button:disabled,
.reg-btns.fis-purple-button button.ui-submit-button.btn:disabled,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
button.ui-action-button.fis-purple-button.btn,
button.ui-action-button.btn.btn-primary.fis-purple-button.btn,
button.ui-submit-button.fis-purple-button.btn,
button.ui-submit-button.btn.btn-primary.fis-purple-button.btn,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary.btn {
  min-height: 36px;
}
button.ui-action-button.fis-purple-button.btn-sm,
button.ui-action-button.btn.btn-primary.fis-purple-button.btn-sm,
button.ui-submit-button.fis-purple-button.btn-sm,
button.ui-submit-button.btn.btn-primary.fis-purple-button.btn-sm,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-sm,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary.btn-sm {
  padding: 0 20px;
  font-size: 16px;
  line-height: 18px;
}
button.ui-action-button.fis-purple-button:hover,
button.ui-action-button.btn.btn-primary.fis-purple-button:hover,
button.ui-submit-button.fis-purple-button:hover,
button.ui-submit-button.btn.btn-primary.fis-purple-button:hover,
.reg-btns.fis-purple-button button.ui-submit-button.btn:hover,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:hover {
  background-color: #AA87C4;
  color: #000000;
  box-shadow: none;
  background-image: none;
}
button.ui-action-button.fis-purple-button:active,
button.ui-action-button.btn.btn-primary.fis-purple-button:active,
button.ui-submit-button.fis-purple-button:active,
button.ui-submit-button.btn.btn-primary.fis-purple-button:active,
.reg-btns.fis-purple-button button.ui-submit-button.btn:active,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:active,
button.ui-action-button.fis-purple-button:focus,
button.ui-action-button.btn.btn-primary.fis-purple-button:focus,
button.ui-submit-button.fis-purple-button:focus,
button.ui-submit-button.btn.btn-primary.fis-purple-button:focus,
.reg-btns.fis-purple-button button.ui-submit-button.btn:focus,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:focus {
  background-color: #431C5B;
  color: #ffffff;
  box-shadow: none;
  background-image: none;
  outline: 3px solid transparent;
}
button.ui-action-button.fis-purple-button:focus-visible,
button.ui-action-button.btn.btn-primary.fis-purple-button:focus-visible,
button.ui-submit-button.fis-purple-button:focus-visible,
button.ui-submit-button.btn.btn-primary.fis-purple-button:focus-visible,
.reg-btns.fis-purple-button button.ui-submit-button.btn:focus-visible,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:focus-visible {
  background-color: #431C5B;
  color: #ffffff;
  background-image: none;
  box-shadow: none;
  outline: 3px solid rgba(170, 135, 196, 0.6);
  outline-offset: 2px;
}
button.ui-action-button.fis-purple-button.fis-dark,
button.ui-action-button.btn.btn-primary.fis-purple-button.fis-dark,
button.ui-submit-button.fis-purple-button.fis-dark,
button.ui-submit-button.btn.btn-primary.fis-purple-button.fis-dark,
.reg-btns.fis-purple-button button.ui-submit-button.btn.fis-dark,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary.fis-dark {
  background-color: #4BCD3E;
  color: #000000;
}
button.ui-action-button.fis-purple-button.fis-dark:hover,
button.ui-action-button.btn.btn-primary.fis-purple-button.fis-dark:hover,
button.ui-submit-button.fis-purple-button.fis-dark:hover,
button.ui-submit-button.btn.btn-primary.fis-purple-button.fis-dark:hover,
.reg-btns.fis-purple-button button.ui-submit-button.btn.fis-dark:hover,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary.fis-dark:hover {
  border: 2px solid #4BCD3E;
  background-color: transparent;
  color: #ffffff;
}
button.ui-action-button.fis-purple-button:disabled,
button.ui-action-button.btn.btn-primary.fis-purple-button:disabled,
button.ui-submit-button.fis-purple-button:disabled,
button.ui-submit-button.btn.btn-primary.fis-purple-button:disabled,
.reg-btns.fis-purple-button button.ui-submit-button.btn:disabled,
.reg-btns.fis-purple-button button.ui-submit-button.btn.btn-primary:disabled {
  background-color: #E4E4E9;
  color: #BBBCC8;
  cursor: default;
}
button.ui-action-button.btn.fis-purple-button-secondary,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary {
  transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease, border-color 0.3s ease, outline-color 0.3s ease, box-shadow 0.3s ease;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  min-width: 96px;
  height: 36px;
  min-height: 36px;
  padding: 0 20px;
  box-sizing: border-box;
  gap: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  outline: 3px solid transparent;
  transition: all 0.3s ease;
  border-radius: 18px;
  text-transform: none;
  font-family: Roobert Medium, sans-serif;
  background-color: #E9E3F0;
  color: #000000;
  border: none;
  background-image: none;
}
button.ui-action-button.btn.fis-purple-button-secondary:hover,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:hover,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:hover,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:hover,
button.ui-action-button.btn.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:focus,
button.ui-action-button.btn.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:active {
  text-decoration: none;
}
button.ui-action-button.btn.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:focus,
button.ui-action-button.btn.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:active {
  box-shadow: none;
  outline: 3px solid rgba(75, 205, 62, 0.25);
}
button.ui-action-button.btn.fis-purple-button-secondary:focus-visible,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:focus-visible,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:focus-visible,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
button.ui-action-button.btn.fis-purple-button-secondary:disabled,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:disabled,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:disabled,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
button.ui-action-button.btn.fis-purple-button-secondary:hover,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:hover,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:hover,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:hover,
button.ui-action-button.btn.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:focus,
button.ui-action-button.btn.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:active {
  text-decoration: none;
}
button.ui-action-button.btn.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:focus,
button.ui-action-button.btn.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:active {
  box-shadow: none;
  outline: 3px solid transparent;
}
button.ui-action-button.btn.fis-purple-button-secondary:focus-visible,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:focus-visible,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:focus-visible,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
button.ui-action-button.btn.fis-purple-button-secondary:disabled,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:disabled,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:disabled,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
button.ui-action-button.btn.fis-purple-button-secondary.btn,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary.btn,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary.btn,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary.btn {
  min-height: 36px;
}
button.ui-action-button.btn.fis-purple-button-secondary.btn-sm,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary.btn-sm,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary.btn-sm,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary.btn-sm {
  padding: 0 20px;
  font-size: 16px;
  line-height: 18px;
}
button.ui-action-button.btn.fis-purple-button-secondary:hover,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:hover,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:hover,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:hover {
  background-color: #AA87C4;
  color: #000000;
  box-shadow: none;
  outline: 3px solid transparent;
  border: none;
  background-image: none;
}
button.ui-action-button.btn.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:active,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:active,
button.ui-action-button.btn.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:focus,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:focus {
  background-color: #E9E3F0;
  color: #000000;
  box-shadow: none;
  outline: 3px solid transparent;
  border: none;
  background-image: none;
}
button.ui-action-button.btn.fis-purple-button-secondary:focus-visible,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:focus-visible,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:focus-visible,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:focus-visible {
  background-color: #E9E3F0;
  color: #000000;
  box-shadow: none;
  outline: 3px solid rgba(67, 28, 91, 0.6);
  outline-offset: 2px;
  border: none;
  background-image: none;
}
button.ui-action-button.btn.fis-purple-button-secondary.fis-dark,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary.fis-dark,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary.fis-dark,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary.fis-dark {
  background-color: #4BCD3E;
  color: #000000;
}
button.ui-action-button.btn.fis-purple-button-secondary.fis-dark:hover,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary.fis-dark:hover,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary.fis-dark:hover,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary.fis-dark:hover {
  border: 2px solid #4BCD3E;
  background-color: transparent;
  color: #ffffff;
}
button.ui-action-button.btn.fis-purple-button-secondary:disabled,
button.ui-action-button.btn.btn-primary.fis-purple-button-secondary:disabled,
button.ui-action-button.btn.btn-default.fis-purple-button-secondary:disabled,
button.ui-action-button.btn.btn-primary.btn-default.fis-purple-button-secondary:disabled {
  background-color: #E4E4E9;
  color: #BBBCC8;
  cursor: default;
}
.reg-btns .ui-submit-button.btn.btn-primary,
.reg-btns .ui-hyperlink {
  transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease, border-color 0.3s ease, outline-color 0.3s ease, box-shadow 0.3s ease;
  font-family: Roobert Medium, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  border-radius: 18px;
  min-width: 96px;
  height: 36px;
  min-height: 36px;
  padding: 0 20px;
  box-sizing: border-box;
  gap: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  outline: 3px solid transparent;
  transition: all 0.3s ease;
  background-color: #431C5B;
  color: #ffffff;
  border: 2px solid transparent;
}
.reg-btns .ui-submit-button.btn.btn-primary:hover,
.reg-btns .ui-hyperlink:hover,
.reg-btns .ui-submit-button.btn.btn-primary:focus,
.reg-btns .ui-hyperlink:focus,
.reg-btns .ui-submit-button.btn.btn-primary:active,
.reg-btns .ui-hyperlink:active {
  text-decoration: none;
}
.reg-btns .ui-submit-button.btn.btn-primary:focus,
.reg-btns .ui-hyperlink:focus,
.reg-btns .ui-submit-button.btn.btn-primary:active,
.reg-btns .ui-hyperlink:active {
  box-shadow: none;
  outline: 3px solid rgba(75, 205, 62, 0.25);
}
.reg-btns .ui-submit-button.btn.btn-primary:focus-visible,
.reg-btns .ui-hyperlink:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
.reg-btns .ui-submit-button.btn.btn-primary:disabled,
.reg-btns .ui-hyperlink:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
.reg-btns .ui-submit-button.btn.btn-primary:hover,
.reg-btns .ui-hyperlink:hover,
.reg-btns .ui-submit-button.btn.btn-primary:focus,
.reg-btns .ui-hyperlink:focus,
.reg-btns .ui-submit-button.btn.btn-primary:active,
.reg-btns .ui-hyperlink:active {
  text-decoration: none;
}
.reg-btns .ui-submit-button.btn.btn-primary:focus,
.reg-btns .ui-hyperlink:focus,
.reg-btns .ui-submit-button.btn.btn-primary:active,
.reg-btns .ui-hyperlink:active {
  box-shadow: none;
  outline: 3px solid transparent;
}
.reg-btns .ui-submit-button.btn.btn-primary:focus-visible,
.reg-btns .ui-hyperlink:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
.reg-btns .ui-submit-button.btn.btn-primary:disabled,
.reg-btns .ui-hyperlink:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
.reg-btns .ui-submit-button.btn.btn-primary.btn,
.reg-btns .ui-hyperlink.btn {
  min-height: 36px;
}
.reg-btns .ui-submit-button.btn.btn-primary:hover,
.reg-btns .ui-hyperlink:hover {
  background-color: #AA87C4;
  color: #000000;
  box-shadow: none;
}
.reg-btns .ui-submit-button.btn.btn-primary.fis-dark,
.reg-btns .ui-hyperlink.fis-dark {
  background-color: #4BCD3E;
  color: #000000;
}
.reg-btns .ui-submit-button.btn.btn-primary.fis-dark:hover,
.reg-btns .ui-hyperlink.fis-dark:hover {
  border: 2px solid #4BCD3E;
  background-color: transparent;
  color: #ffffff;
}
.reg-btns .ui-submit-button.btn.btn-primary:disabled,
.reg-btns .ui-hyperlink:disabled {
  background-color: #E4E4E9;
  color: #BBBCC8;
  cursor: default;
}
.link-card {
  display: flex;
  flex-direction: column;
  color: #5a5f62;
  padding: 30px 30px 36px 30px;
  border: 1px solid #DDE3E8;
  box-shadow: 0px 2px 10px 0px #5e748226;
  border-radius: 6px;
  background-color: #ffffff;
}
.link-card h3.card-title {
  font-family: Roobert, sans-serif;
  margin-top: 20px;
  color: #000000;
  line-height: 150%;
  font-size: 20px;
}
.link-card .card-desc {
  font-size: 16px;
  font-weight: 400;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
  margin-top: 16px;
  margin-bottom: 24px;
  line-height: 150%;
  letter-spacing: 0.16px;
  min-height: 96px;
}
.link-card .card-icon {
  display: flex;
  justify-content: center;
  width: 60px;
  height: 60px;
  padding: 11px;
  flex-shrink: 0;
  color: #ffffff;
}
.link-card .card-links {
  font-size: 16px;
  display: flex;
  margin-top: auto;
  font-family: Roobert Medium, sans-serif;
}
.link-card .card-links a {
  color: #395FF0;
  padding-right: 30px;
  padding-bottom: 5px;
}
.link-card .card-links a:hover {
  text-decoration-line: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
@media (max-width: 768px) {
  .link-card {
    padding: 18px 18px 22px 18px;
  }
  .link-card h3.title {
    font-size: 18px;
  }
  .link-card .card-links {
    font-size: 14px;
  }
  .link-card .card-desc {
    margin-bottom: 22px;
  }
  .link-card .card-icon {
    width: 44px;
    height: 44px;
    padding: 9px;
  }
}
.tooltip-inner {
  padding: 0;
  max-width: 500px;
}
.tooltip-wrapper {
  padding: 2px 6px 2px 6px;
}
.text-copied {
  color: #ffffff;
  background-color: #00935f;
}
.default-tool-tip-class {
  color: #ffffff;
  background-color: #1F2629;
  padding: 12px;
  max-width: 200px;
  font-family: Roobert Medium, sans-serif;
}
.access-id-tooltip {
  color: #ffffff;
  background-color: #1D1F48;
  padding: 6px 8px;
  border-radius: 8px;
  font-family: Roobert Bold, sans-serif;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #1F2629;
}
span.labelTag {
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 14px;
  min-width: max-content;
  line-height: 18px;
  font-family: Roobert SemiBold, sans-serif;
}
span.labelTag img {
  margin-right: 5px;
  margin-bottom: 2px;
}
span.labelTag.GREEN_TAG {
  background-color: #E9F9E8;
  color: #028053;
}
span.labelTag.RED_TAG {
  background-color: #FFE4E8;
  color: #720E1C;
}
span.labelTag.YELLOW_TAG {
  background-color: #FFF1EC;
  color: #713F2C;
}
span.labelTag.BLUE_TAG {
  background-color: #395FF0;
  color: #E8F0FE;
}
span.labelTag.GREY_TAG {
  background-color: #F6F6F8;
  color: #54594D;
}
.interceptor-container .learn-more-link,
.interceptor-container .view-link,
.interceptor-container .ui-hyperlink {
  color: #D01E7E;
}
.interceptor-container .intercepts-theme-color,
.interceptor-container .INTERCEPTS-theme-color {
  color: #D01E7E;
}
.interceptor-container .intercepts-theme-color a,
.interceptor-container .INTERCEPTS-theme-color a {
  color: #D01E7E;
}
.interceptor-container .landing-header-new button {
  padding: 16px 10px;
  min-width: 220px;
  min-height: 20px;
  font-size: 16px;
}
.interceptor-container .landing-header-new-desc {
  padding-top: 30px;
}
.interceptor-container .section1-grid-card-title {
  margin: 33.6px 0 14px 0;
}
.interceptor-container .section1-grid-card-title h3 {
  font-weight: 600;
  font-size: 20px;
}
.interceptor-container .section1-title {
  margin-bottom: 55.6px;
}
.interceptor-container .section2 {
  top: 0%;
  background-image: linear-gradient(180deg, #f7f9fb 50%);
  margin-bottom: 0px;
  padding-bottom: 55px;
}
.interceptor-container .section2-title {
  font-weight: 600;
  margin-bottom: 32px;
}
.interceptor-container .section2-grid {
  margin-top: 91.5px;
}
.interceptor-container .section2-grid-card-link {
  font-size: 16px;
  font-weight: 600;
}
.interceptor-container .section2-grid-card-desc {
  padding-bottom: 22px;
  color: rgba(255, 255, 255, 0.75);
}
.interceptor-container .section2-grid-card-title {
  margin: 24px 0 14px 0;
}
.interceptor-container .section2-grid-card-title h3 {
  font-size: 20px;
}
.interceptor-container .sectionsolutions .sectionsolutions-grid-card .theme-icon {
  background: #D01E7E;
}
#html-chart-legend {
  margin: 0px;
  padding: 0px;
}
#html-chart-legend li {
  cursor: pointer;
  margin-left: 8px;
}
#html-chart-legend li span {
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-right: 12px;
  border-width: 1px;
}
#html-chart-legend li p {
  margin: 0px;
  padding: 0px;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  color: #323436;
  text-transform: capitalize;
}
#chart-heading {
  padding-top: 5px;
  padding-bottom: 16px;
}
#chart-heading h4 {
  font-family: Roobert Bold, sans-serif;
  color: #323436;
}
#chart-heading label {
  font-family: Roobert, sans-serif;
  font-size: 14px;
  color: #323436;
}
.sandbox-spinner {
  min-height: 500px;
  margin: auto;
  padding-top: 100px;
}
.sandbox-spinner .scenario-spinner {
  padding-top: 100px;
}
.common-sandbox {
  z-index: 2;
  position: absolute;
  width: 45%;
  padding-left: 5px;
  margin: auto;
}
.common-sandbox .api-data-window {
  z-index: 1;
  height: 100%;
  background-color: #f7f9fb;
  border: 1px solid #dde3e8;
  height: auto;
  width: 100%;
}
.common-sandbox .api-data-window svg {
  color: #5E7482;
}
.common-sandbox .api-data-window pre {
  padding-right: 0px;
  overflow-x: hidden;
  padding: inherit;
  color: #5465BE;
  background-color: inherit;
  border: none;
  border-radius: 0px;
  white-space: pre-wrap;
  word-break: break-word;
  padding-top: 0px;
  padding-left: 0px;
  font-size: inherit;
  font-family: monospace;
}
.common-sandbox .api-data-window pre .api-value-padding {
  padding-left: 8px;
}
.common-sandbox .api-data-window pre .api-array > div,
.common-sandbox .api-data-window pre .api-object > div {
  padding-left: 10px;
}
.common-sandbox .api-data-window pre .api-object.api-array::before {
  content: "[{\a";
}
.common-sandbox .api-data-window pre .api-object.api-array::after {
  content: "}]";
}
.common-sandbox .api-data-window pre.sandbox-response {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
.common-sandbox .api-data-window pre .api-header .dropdown {
  top: -12px;
  margin-right: 8px;
}
.common-sandbox .api-data-window pre .api-header .dropdown button {
  background-color: transparent;
  border: none;
}
.common-sandbox .api-data-window pre .api-header .dropdown button:hover,
.common-sandbox .api-data-window pre .api-header .dropdown button:focus {
  color: inherit;
  box-shadow: none;
}
.common-sandbox .api-data-window pre .api-header .dropdown button .select-title {
  font-size: 16px;
  font-weight: 600;
}
.common-sandbox .api-data-window pre .api-header .dropdown button .select-title,
.common-sandbox .api-data-window pre .api-header .dropdown button .fa-chevron-down,
.common-sandbox .api-data-window pre .api-header .dropdown button .fa-chevron-up {
  color: inherit;
}
.common-sandbox .api-data-window pre .api-header .dropdown ul.dropdown-menu {
  min-width: fit-content;
}
.common-sandbox .api-data-window pre .api-header .dropdown ul.dropdown-menu::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
  background-color: #ffffff;
}
.common-sandbox .api-data-window pre .api-header .dropdown ul.dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #11191F;
}
.common-sandbox .api-data-window pre .api-header .dropdown ul.dropdown-menu .select-item a {
  padding: 12px 30px 12px 18px;
  white-space: nowrap;
}
.common-sandbox .api-data-window pre .api-header .dropdown ul.dropdown-menu .select-item.select-active a {
  padding: 12px 10px 12px 18px;
  font-weight: 600;
}
.common-sandbox .api-data-window pre .api-header .dropdown ul.dropdown-menu .select-item.select-active a .fa-check {
  color: inherit;
  margin-top: -10px;
  margin-right: 16px;
  font-size: 16px;
  padding-right: 0px;
}
.common-sandbox .api-data-window .payload-details {
  padding: 20px 20px 15px;
  font-family: Menlo, sans-serif;
  font-size: 14px;
}
.common-sandbox .api-data-window .payload-details .payload-content {
  overflow-y: auto;
}
@media (max-width: 992px) {
  .common-sandbox .api-data-window .payload-details {
    padding: 16px;
  }
}
.common-sandbox .api-data-window .api-comment {
  min-height: 50px;
  background-color: #f0f4f6;
  font-family: Roobert Medium, sans-serif;
  font-size: 16px;
  line-height: 23px;
  color: #000000;
  padding: 15px 10px 15px 20px;
  border-bottom: 1px solid #dde3e8;
}
.common-sandbox .api-data-window .api-comment span {
  text-transform: capitalize;
}
.common-sandbox .api-data-window .api-comment h4.api-header {
  font-size: 16px;
  font-family: Roobert Medium, sans-serif;
  line-height: 23px;
  letter-spacing: 0px;
}
@media (max-width: 992px) {
  .common-sandbox .api-data-window .api-comment {
    padding: 10px 10px 10px 16px;
  }
}
.common-sandbox .api-data-window .api-comment.dark {
  border-color: transparent;
}
.common-sandbox.sandbox-data-col {
  z-index: 2;
  color: #ffffff;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  transition: right 0.5s;
}
.common-sandbox.sandbox-data-col .api-fadeout:after {
  content: "";
  position: absolute;
  bottom: 0.5%;
  left: 0;
  height: 40px;
}
.common-sandbox.sandbox-data-col .status-success {
  color: #00bdb6;
  font-weight: bold;
}
.common-sandbox.sandbox-data-col .status-pending {
  color: #ff671b;
}
.common-sandbox.sandbox-data-col .status-error {
  color: #f78075;
}
.common-sandbox.sandbox-data-col.floating-z-index {
  z-index: 2;
}
.common-sandbox.sandbox-data-col.auth-code {
  position: relative;
  width: 100%;
  padding: 0px;
  display: block;
}
.common-sandbox.sandbox-data-col.auth-code .api-data-window {
  border-radius: 8px;
}
.common-sandbox.sandbox-data-col.auth-code .api-data-window .api-body-data {
  border-radius: inherit;
}
.common-sandbox.sandbox-data-col.auth-code .api-data-window .api-body-data ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .sandboxMobileView {
    display: none;
  }
}
.api-data-window .payload-details .api-attr {
  color: #000000;
}
.api-data-window .payload-details .api-value {
  color: #c3444d;
}
.api-data-window .payload-details .payload-content::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
  background-color: none;
}
.api-data-window .payload-details .payload-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #5E7482;
}
.api-data-window .payload-details .code-datatype {
  color: #c3444d;
}
.api-data-window .payload-details #renderpart4b,
.api-data-window .payload-details #renderpart4c,
.api-data-window .payload-details #renderpart4d {
  color: #6A6E71;
}
.api-data-window.dark-mode {
  background-color: #3B4449;
}
.api-data-window.dark-mode pre {
  color: #DFBEFF;
}
.api-data-window.dark-mode .api-comment {
  background-color: #4C575C;
}
.api-data-window.dark-mode .payload-details {
  background-color: #3B4449;
}
.api-data-window.dark-mode .payload-details #renderpart4b,
.api-data-window.dark-mode .payload-details #renderpart4c,
.api-data-window.dark-mode .payload-details #renderpart4d {
  color: #E0E1E2;
}
.api-data-window.dark-mode .payload-details .payload-content::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
  background-color: none;
}
.api-data-window.dark-mode .payload-details .payload-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ffffff;
}
.api-data-window.dark-mode .api-header {
  color: #f7f9fb;
}
.api-data-window.dark-mode .api-attr {
  color: #E0E1E2;
}
.api-data-window.dark-mode .api-value {
  color: #ffa15c;
}
.api-data-window.dark-mode .payload-details .code-datatype {
  color: #ffc627;
}
div[name="_sandbox_popup"] {
  padding: 0px !important;
}
@media (max-width: 480px) {
  div[name="_sandbox_popup"] .close-button {
    display: block;
    position: absolute;
    top: -41px;
    right: 12px;
    border-radius: 4px;
    width: 30px;
    height: 30px;
  }
  div[name="_sandbox_popup"] .modal-dialog {
    width: 100%;
    margin: 64px 0px 0px 0px;
  }
  div[name="_sandbox_popup"] .modal-dialog .modal-content {
    border-radius: 15px;
  }
}
div[name="_sandbox_popup"] .api-data-window {
  z-index: 1;
  background-color: #31373b;
  height: 100%;
}
div[name="_sandbox_popup"] .api-data-window.events-payload {
  background-color: #f7f9fb;
  border-radius: 8px;
}
@media (max-width: 480px) {
  div[name="_sandbox_popup"] .api-data-window.events-payload {
    border-radius: 15px;
  }
}
div[name="_sandbox_popup"] .api-data-window.events-payload pre {
  padding-right: 0px;
  overflow-x: hidden;
  background-color: #f0f4f6;
  margin: auto;
}
div[name="_sandbox_popup"] .api-data-window.events-payload .status-success {
  color: #00bdb6;
  font-weight: bold;
}
div[name="_sandbox_popup"] .api-data-window.events-payload .status-pending {
  color: #ff671b;
}
div[name="_sandbox_popup"] .api-data-window.events-payload .status-error {
  color: #f78075;
}
div[name="_sandbox_popup"] .api-data-window.events-payload .api-border-none {
  border: none;
  padding-left: 0px;
  background-color: inherit;
}
div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment {
  font-family: Menlo, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  color: #323436;
  padding-bottom: 0px;
  width: calc(100% + 2px);
  margin: -1px;
  position: relative;
}
div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment span {
  text-transform: capitalize;
}
div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment.sandbox-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
div[name="_sandbox_popup"] .api-data-window.events-payload .api-comment.sandbox-modal-header .api-header {
  font-size: 16px;
  font-weight: 600;
}
div[name="_sandbox_popup"] .api-data-window.events-payload .api-attr {
  word-break: break-all;
}
div[name="_sandbox_popup"] .api-data-window.events-payload .api-content-left {
  padding-left: 15px;
}
div[name="_sandbox_popup"] .api-data-window.events-payload .api-content-more-left {
  padding-left: 25px;
}
div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode pre {
  background-color: #4C575C;
  border: none;
}
div[name="_sandbox_popup"] .api-data-window.events-payload.dark-mode #scenarioResponse pre {
  background-color: #3B4449;
}
div[name="_sandbox_popup"] .close {
  color: #5E7482;
  opacity: 0.9;
  font-family: Roobert Bold, sans-serif;
  font-size: 32px;
  margin-top: -5px;
  margin-left: 10px;
}
div[name="_sandbox_popup"] .payload-details {
  padding: 20px;
}
div[name="_sandbox_popup"] .payload-details .code-datatype {
  color: #c3444d;
  display: inline;
}
div[name="_sandbox_popup"] .dark-mode .payload-details .code-datatype {
  color: #ffc627;
}
div[name="_sandbox_popup"] .close-events {
  float: right;
  margin-right: 8px;
  background: #000000;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  color: #5E7482;
}
div[name="_sandbox_popup"] .copy-events {
  float: right;
  background: #000000;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  color: #5E7482;
}
div[name="_sandbox_popup"] .darkmode-events {
  float: right;
  background: #000000;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: none;
  color: #5E7482;
}
div[name="_sandbox_popup"] pre {
  color: #3A7E4A;
  background-color: inherit;
  display: block;
  font-size: 17px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f0f4f6;
  border-radius: 0px;
}
div[name="_sandbox_popup"] pre.sandbox-response {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
div[name="_sandbox_popup"] .modal-body {
  overflow-y: auto;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  color: #5E7482;
}
div[name="_sandbox_popup"] .modal-header {
  padding-bottom: 0px;
  padding-left: 0px;
}
div[name="_sandbox_popup"] .enum-details-list {
  height: 60px;
  overflow: hidden;
  color: #000000;
}
div[name="_sandbox_popup"] .enum-Name {
  color: #000000;
  font-family: Roobert Bold, sans-serif;
  font-size: 16px;
  padding-left: 0px;
}
div[name="_sandbox_popup"] .enum-description {
  color: #000000;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  padding-left: 0px;
}
div[name="_sandbox_popup"] .param-description {
  padding-bottom: 15px;
}
div[name="_sandbox_popup"] .dark-mode ul > li {
  color: #ffffff;
}
div[name="_sandbox_popup"] ul {
  padding-bottom: 10px;
  padding-left: 0px;
}
div[name="_sandbox_popup"] ul li {
  padding-top: 0px;
  font-family: Roobert Bold, sans-serif;
  list-style: none;
}
div[name="_sandbox_popup"] ul li span {
  font-family: Roobert, sans-serif;
  display: block;
}
div[name="_sandbox_popup"].positionTooltip {
  position: fixed;
}
#responseParamsModalDetails .dialog-payload-details {
  font-size: 14px;
  font-family: Menlo, sans-serif;
  font-weight: 400;
  word-break: break-all;
  line-height: 1.6;
  white-space: pre-wrap;
  word-wrap: break-word;
}
#responseParamsModalDetails .dialog-payload-details ul,
#responseParamsModalDetails .dialog-payload-details li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#responseParamsModalDetails .dialog-payload-details li {
  padding: 4px 0;
}
#responseParamsModalDetails .dialog-payload-details li:before {
  content: "";
}
#responseParamsModalDetails .api-line {
  padding-left: 10px;
}
#responseParamsModalDetails .api-value > .api-line {
  padding-left: 0px;
}
.dark-mode #responseParamsModalDetails .dialog-payload-details {
  color: #E0E1E2;
}
.sso-container {
  display: flex;
  flex-direction: column;
  font-family: Roobert Bold, sans-serif;
  height: 100vh;
  background-color: #F2F4F5;
}
.sso-container .interrupted-line-break {
  display: flex;
}
.sso-container .interrupted-line-break span {
  margin: auto;
  padding: 0px 20px;
}
.sso-container .interrupted-line-break:before,
.sso-container .interrupted-line-break:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #CCCECF;
  margin: auto;
  border-radius: 10px;
}
.sso-container .sso-header {
  display: flex;
  align-items: center;
  justify-content: left;
  height: 60px;
  color: #ffffff;
  margin: 30px 0px 0px 40px;
}
.sso-container .sso-header .tsys-sso-logo {
  width: 216px;
  height: 35px;
  margin-top: 2px;
  background: url('/images/tsysdevelopers-sso-logo-9d64fba53510625690ffb2632135f125.svg') no-repeat;
  background-size: contain;
  background-position: center;
}
.sso-container .main-content {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  position: relative;
  background-color: #F2F4F5;
  flex-direction: column;
  align-items: center;
}
.sso-container .content-box {
  display: flex;
  font-family: Roobert, sans-serif;
  flex-direction: column;
  justify-content: space-between;
  width: 440px;
  height: fit-content;
  min-height: 260px;
  background-color: #ffffff;
  border: 1px solid #CCCECF;
  box-shadow: 0px 2px 10px 0px #5e74824d;
  z-index: 1;
  border-radius: 10px;
  padding: 30px;
}
.sso-container .content-box h1 {
  text-align: center;
  font-family: Roobert Medium, sans-serif;
  font-size: 32px;
  line-height: 40px;
  color: #000000;
}
.sso-container .content-box p {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #000000;
}
.sso-container .content-box.error {
  width: 440px;
  height: 264px;
  text-align: center;
}
.sso-container .content-box form {
  padding-top: 20px;
}
.sso-container .content-box .login-credentials,
.sso-container .content-box .forgot-password-link,
.sso-container .content-box .register-request,
.sso-container .content-box .interrupted-line-break,
.sso-container .content-box .registration-disclaimer,
.sso-container .content-box .resend-activation-link {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #000000;
}
.sso-container .content-box .login-credentials a,
.sso-container .content-box .forgot-password-link a,
.sso-container .content-box .register-request a,
.sso-container .content-box .interrupted-line-break a,
.sso-container .content-box .registration-disclaimer a,
.sso-container .content-box .resend-activation-link a {
  text-align: left;
  color: #048A81;
  padding: 0px;
  border: none;
  background: none;
  font-size: 14px;
  font-family: Roobert SemiBold, sans-serif;
  transition: all 0.3s ease;
}
.sso-container .content-box .forgot-password-link,
.sso-container .content-box .resend-activation-link {
  margin-bottom: 14px;
  margin-top: 10px;
  text-align: left;
}
.sso-container .content-box .login-credentials,
.sso-container .content-box .register-request {
  padding: 8px 0px;
}
.sso-container .content-box .forgot-password-link a:hover,
.sso-container .content-box .resend-activation-link a:hover,
.sso-container .content-box .register-request a:hover,
.sso-container .content-box .privacy-policy-signin-page a:hover {
  color: #000000;
  text-decoration: underline;
  text-decoration-color: #000000;
}
.sso-container .content-box #action_buttons,
.sso-container .content-box .sign-in-footer {
  padding-bottom: 10px;
}
.sso-container .content-box #action_buttons button,
.sso-container .content-box .sign-in-footer button {
  width: 100%;
  margin: 7px 0px;
}
.sso-container .content-box #action_buttons .ui-submit-button,
.sso-container .content-box .sign-in-footer .ui-submit-button {
  transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease, border-color 0.3s ease, outline-color 0.3s ease, box-shadow 0.3s ease;
  font-family: Roobert Medium, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  border-radius: 18px;
  min-width: 96px;
  height: 36px;
  min-height: 36px;
  padding: 0 20px;
  box-sizing: border-box;
  gap: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  outline: 3px solid transparent;
  transition: all 0.3s ease;
  background-color: #431C5B;
  color: #ffffff;
  border: 2px solid transparent;
}
.sso-container .content-box #action_buttons .ui-submit-button:hover,
.sso-container .content-box .sign-in-footer .ui-submit-button:hover,
.sso-container .content-box #action_buttons .ui-submit-button:focus,
.sso-container .content-box .sign-in-footer .ui-submit-button:focus,
.sso-container .content-box #action_buttons .ui-submit-button:active,
.sso-container .content-box .sign-in-footer .ui-submit-button:active {
  text-decoration: none;
}
.sso-container .content-box #action_buttons .ui-submit-button:focus,
.sso-container .content-box .sign-in-footer .ui-submit-button:focus,
.sso-container .content-box #action_buttons .ui-submit-button:active,
.sso-container .content-box .sign-in-footer .ui-submit-button:active {
  box-shadow: none;
  outline: 3px solid rgba(75, 205, 62, 0.25);
}
.sso-container .content-box #action_buttons .ui-submit-button:focus-visible,
.sso-container .content-box .sign-in-footer .ui-submit-button:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
.sso-container .content-box #action_buttons .ui-submit-button:disabled,
.sso-container .content-box .sign-in-footer .ui-submit-button:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
.sso-container .content-box #action_buttons .ui-submit-button:hover,
.sso-container .content-box .sign-in-footer .ui-submit-button:hover,
.sso-container .content-box #action_buttons .ui-submit-button:focus,
.sso-container .content-box .sign-in-footer .ui-submit-button:focus,
.sso-container .content-box #action_buttons .ui-submit-button:active,
.sso-container .content-box .sign-in-footer .ui-submit-button:active {
  text-decoration: none;
}
.sso-container .content-box #action_buttons .ui-submit-button:focus,
.sso-container .content-box .sign-in-footer .ui-submit-button:focus,
.sso-container .content-box #action_buttons .ui-submit-button:active,
.sso-container .content-box .sign-in-footer .ui-submit-button:active {
  box-shadow: none;
  outline: 3px solid transparent;
}
.sso-container .content-box #action_buttons .ui-submit-button:focus-visible,
.sso-container .content-box .sign-in-footer .ui-submit-button:focus-visible {
  box-shadow: 0px 0px 0px 4px #687e90;
}
.sso-container .content-box #action_buttons .ui-submit-button:disabled,
.sso-container .content-box .sign-in-footer .ui-submit-button:disabled {
  background-color: #dde3e8;
  color: #5E7482;
  border: 2px solid transparent;
  opacity: 1;
  cursor: default;
}
.sso-container .content-box #action_buttons .ui-submit-button.btn,
.sso-container .content-box .sign-in-footer .ui-submit-button.btn {
  min-height: 36px;
}
.sso-container .content-box #action_buttons .ui-submit-button:hover,
.sso-container .content-box .sign-in-footer .ui-submit-button:hover {
  background-color: #AA87C4;
  color: #000000;
  box-shadow: none;
}
.sso-container .content-box #action_buttons .ui-submit-button.fis-dark,
.sso-container .content-box .sign-in-footer .ui-submit-button.fis-dark {
  background-color: #4BCD3E;
  color: #000000;
}
.sso-container .content-box #action_buttons .ui-submit-button.fis-dark:hover,
.sso-container .content-box .sign-in-footer .ui-submit-button.fis-dark:hover {
  border: 2px solid #4BCD3E;
  background-color: transparent;
  color: #ffffff;
}
.sso-container .content-box #action_buttons .ui-submit-button:disabled,
.sso-container .content-box .sign-in-footer .ui-submit-button:disabled {
  background-color: #E4E4E9;
  color: #BBBCC8;
  cursor: default;
}
.sso-container .content-box .large-btn {
  width: 100%;
}
.sso-container .sso-mobile-footer {
  display: none;
}
@media (max-width: 767px) {
  .sso-container .sso-header {
    padding-left: 0px;
    height: 50px;
  }
  .sso-container .content-box {
    width: calc(100% - 32px);
    margin: 20px 16px 16px;
    padding: 18px;
    box-sizing: border-box;
  }
  .sso-container .content-box h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .sso-container .login-help.between {
    flex-direction: column;
  }
  .sso-container .sso-mobile-footer {
    display: block;
    margin-top: 8px;
    padding-top: 12px;
    font-family: Roobert, sans-serif;
    font-size: 14px;
    color: black;
    text-align: center;
    padding: 0 20px;
  }
  .sso-container .sso-background-image {
    display: none;
  }
  .sso-container .sso-desktop-footer {
    display: none;
  }
}
.sso-container .sso-background-image {
  position: absolute;
  width: 400px;
  height: 100%;
  background-image: url('/images/dot_graphic_login-dc8de7be63dedaa0fdfdd10ea8e0260b.svg');
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 58%;
}
@media (min-width: 1441px) {
  .sso-container .sso-background-image {
    width: 550px;
  }
}
@media (max-width: 991px) {
  .sso-container .sso-background-image {
    display: none;
  }
}
.sso-container footer {
  display: flex;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  color: #000000;
  line-height: 18px;
  background-color: #F2F4F5;
  margin: 0px 0px 30px 40px;
}
.sso-container #register-recaptcha {
  padding-bottom: 16px;
}
.sso-container .reg-labels {
  font-family: Roobert Bold, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}
.sso-container .reg-labels .reg-labels-required {
  color: #FF1F3E;
}
.reg-input .ui-text-input,
.reg-input .ui-password-input {
  margin-top: -15px;
  height: 44px;
  border-radius: 10px;
  width: 358px;
  font-family: Roobert, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  border: 1px solid #999B9C;
  color: #000000;
  width: 100%;
}
.reg-input .ui-text-input::placeholder,
.reg-input .ui-password-input::placeholder {
  color: #757678;
}
.reg-input .ui-text-input:hover,
.reg-input .ui-password-input:hover {
  cursor: pointer;
  outline: 1px solid #000000;
  border-color: #000000;
}
.reg-input .ui-text-input:focus,
.reg-input .ui-password-input:focus {
  outline: 1px solid #000000;
  border-color: #000000;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.reg-input .ui-text-input.populated,
.reg-input .ui-password-input.populated {
  border: 1px solid #999B9C;
  color: #000000;
}
.reg-input .ui-text-input.populated:hover,
.reg-input .ui-password-input.populated:hover {
  cursor: pointer;
  outline: 1px solid #000000;
  border-color: #000000;
}
.reg-input .ui-text-input:disabled,
.reg-input .ui-password-input:disabled {
  background-color: #E4E4E9;
  border: 1px solid #999B9C;
  color: #000000;
  cursor: default;
}
.reg-input .has-error .ui-text-input,
.reg-input .has-error .ui-password-input {
  border: 1px solid #FF1F3E;
  outline: none;
  width: 100%;
  box-shadow: 0px 0px 0px 3px rgba(255, 31, 62, 0.25);
}
.reg-input .has-error .ui-text-input:focus,
.reg-input .has-error .ui-password-input:focus,
.reg-input .has-error .ui-text-input:hover,
.reg-input .has-error .ui-password-input:hover {
  border: 1px solid #FF1F3E;
  outline: none;
  box-shadow: 0px 0px 0px 3px rgba(255, 31, 62, 0.25);
  cursor: pointer;
}
.reg-input .password-toggle-wrapper:has(> .has-error),
.reg-input .username-clear-wrapper:has(> .has-error) {
  border-radius: 10px;
  box-shadow: 0px 0px 0px 3px rgba(255, 31, 62, 0.25);
}
.reg-input .password-toggle-wrapper:has(> .has-error) .ui-text-input,
.reg-input .username-clear-wrapper:has(> .has-error) .ui-text-input,
.reg-input .password-toggle-wrapper:has(> .has-error) .ui-password-input,
.reg-input .username-clear-wrapper:has(> .has-error) .ui-password-input {
  box-shadow: none;
}
.reg-input .password-toggle-wrapper:has(> .has-error) .ui-text-input:focus,
.reg-input .username-clear-wrapper:has(> .has-error) .ui-text-input:focus,
.reg-input .password-toggle-wrapper:has(> .has-error) .ui-password-input:focus,
.reg-input .username-clear-wrapper:has(> .has-error) .ui-password-input:focus,
.reg-input .password-toggle-wrapper:has(> .has-error) .ui-text-input:hover,
.reg-input .username-clear-wrapper:has(> .has-error) .ui-text-input:hover,
.reg-input .password-toggle-wrapper:has(> .has-error) .ui-password-input:hover,
.reg-input .username-clear-wrapper:has(> .has-error) .ui-password-input:hover {
  box-shadow: none;
}
@media (max-width: 767px) {
  .reg-input .ui-text-input,
  .reg-input .ui-password-input {
    width: 100%;
  }
}
#onetrust-consent-sdk #onetrust-banner-sdk {
  border-radius: 8px;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
  padding: 10px 30px 15px 30px !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk button {
  border-radius: 8px;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-close-btn-container {
  top: 30px !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-title {
  font-size: 16px !important;
  color: #000000 !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler {
  font-size: 14px !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text {
  color: #000000 !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk:focus {
  outline: 1px solid #4BCD3E !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:focus,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler:focus,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler:focus {
  outline: 1px solid #4BCD3E !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler {
  background-color: #431C5B !important;
  border: none !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
  background-color: #E9E3F0 !important;
  color: #000000 !important;
  border: none !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler {
  background-color: #4BCD3E !important;
  color: #000000 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk {
  border-radius: 8px;
  max-width: 50% !important;
  top: 8%;
}
#onetrust-consent-sdk #onetrust-pc-sdk button,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-sdk-row,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-sdk-column {
  border-radius: 8px;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item:last-of-type .ot-acc-grpcntr.ot-acc-txt {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#onetrust-consent-sdk #onetrust-pc-sdk #vendor-search-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-chkbox label span,
#onetrust-consent-sdk #onetrust-pc-sdk #filter-apply-handler,
#onetrust-consent-sdk #onetrust-pc-sdk #filter-cancel-handler,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-btn-container button,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-link-btn,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-header,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-always-active {
  font-size: 14px !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-host-opt li > div div,
#onetrust-consent-sdk #onetrust-pc-sdk #clear-filters-handler {
  font-size: 13px !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-host-expand {
  font-size: 12px !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-lst-cnt::-webkit-scrollbar,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
  background-color: #ffffff;
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-lst-cnt::-webkit-scrollbar-thumb,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #5E7482;
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
#onetrust-consent-sdk #onetrust-pc-sdk h3 {
  font-size: 16px !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk *:focus {
  outline: none !important;
  border: none !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout button:focus,
#onetrust-consent-sdk #onetrust-pc-sdk #vendor-search-handler:focus,
#onetrust-consent-sdk #onetrust-pc-sdk .onetrust-close-btn-handler:focus {
  outline: 1px solid #4BCD3E !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-host-box:focus {
  border: 1px solid #395FF0 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-modal #ot-fltr-cnt {
  left: unset !important;
  right: 20px;
}
.one-trust-settings {
  cursor: pointer;
}
.ot-sdk-show-settings {
  color: #ffffff !important;
  font-size: 14px !important;
  border: none !important;
  padding: 2.5px 0px !important;
}
.ot-sdk-show-settings:hover {
  color: rgba(255, 255, 255, 0.75) !important;
  background-color: unset !important;
}
@media (min-width: 992px) {
  .devresources-container .common-header-underlay {
    width: calc(100%);
  }
  .events-content-container .expanded #api-content-container,
  .api-content-container .expanded #api-content-container {
    width: 100vw;
  }
  .events-content-container .expanded .api-background-col,
  .api-content-container .expanded .api-background-col {
    width: 100%;
  }
  .events-content-container .api-content-container .expanded #api-content-container,
  .api-content-container .api-content-container .expanded #api-content-container {
    width: 100vw;
  }
  .events-content-container .api-content-container .expanded .api-background-col,
  .api-content-container .api-content-container .expanded .api-background-col {
    width: 100%;
  }
  .events-content-container .api-content-container .expanded .api-data-col,
  .api-content-container .api-content-container .expanded .api-data-col {
    width: 100%;
  }
  .events-content-container .api-content-container .expanded .api-data-col .api-show-data,
  .api-content-container .api-content-container .expanded .api-data-col .api-show-data {
    right: calc(100% - 364px);
  }
  .events-content-container .api-content-container .expanded .api-data-col .api-content-dark-border,
  .api-content-container .api-content-container .expanded .api-data-col .api-content-dark-border {
    margin-left: -50px;
  }
  .events-content-container .api-content-container .expanded .sandbox,
  .api-content-container .api-content-container .expanded .sandbox {
    display: none;
  }
  .events-content-container .api-content-container .expanded #side-nav-list,
  .api-content-container .api-content-container .expanded #side-nav-list {
    display: none;
  }
  .devresources-container .common-header-underlay {
    width: calc(100%);
  }
}
@media (max-width: 1199px) {
  .api-container .api-body-values .api-type-key,
  .auth-plugin-container .api-body-values .api-type-key,
  .solutions-container .api-body-values .api-type-key,
  .internal-doc-container .api-body-values .api-type-key {
    width: calc(100% - 400px);
  }
  .api-container .api-body-values .api-type-detail,
  .auth-plugin-container .api-body-values .api-type-detail,
  .solutions-container .api-body-values .api-type-detail,
  .internal-doc-container .api-body-values .api-type-detail {
    width: 400px;
  }
  .api-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .vector,
  .auth-plugin-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .vector,
  .solutions-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .vector,
  .internal-doc-container .nav-api .navapi-desktop .dropdown-menu .sitemap-menu .sitemapsubmenu-items .vector {
    left: 27rem;
  }
  .api-container .api-background-col,
  .auth-plugin-container .api-background-col,
  .solutions-container .api-background-col,
  .internal-doc-container .api-background-col,
  .api-container .api-data-col,
  .auth-plugin-container .api-data-col,
  .solutions-container .api-data-col,
  .internal-doc-container .api-data-col {
    font-size: 10px;
  }
  .api-container .api-show-data,
  .auth-plugin-container .api-show-data,
  .solutions-container .api-show-data,
  .internal-doc-container .api-show-data {
    display: inline;
  }
  .api-container .api-padding-cols > .api-content-col,
  .auth-plugin-container .api-padding-cols > .api-content-col,
  .solutions-container .api-padding-cols > .api-content-col,
  .internal-doc-container .api-padding-cols > .api-content-col {
    width: 100%;
  }
  .api-container .api-padding-cols .api-show-data,
  .auth-plugin-container .api-padding-cols .api-show-data,
  .solutions-container .api-padding-cols .api-show-data,
  .internal-doc-container .api-padding-cols .api-show-data {
    display: inline;
  }
  .api-container .api-padding-cols .api-content-container open .api-show-data,
  .auth-plugin-container .api-padding-cols .api-content-container open .api-show-data,
  .solutions-container .api-padding-cols .api-content-container open .api-show-data,
  .internal-doc-container .api-padding-cols .api-content-container open .api-show-data {
    right: 0%;
  }
  .api-container .api-padding-cols .api-padding-cols > .api-content-col,
  .auth-plugin-container .api-padding-cols .api-padding-cols > .api-content-col,
  .solutions-container .api-padding-cols .api-padding-cols > .api-content-col,
  .internal-doc-container .api-padding-cols .api-padding-cols > .api-content-col {
    width: 100%;
  }
  .api-container .api-padding-cols .api-padding-cols .events-detail-col,
  .auth-plugin-container .api-padding-cols .api-padding-cols .events-detail-col,
  .solutions-container .api-padding-cols .api-padding-cols .events-detail-col,
  .internal-doc-container .api-padding-cols .api-padding-cols .events-detail-col,
  .api-container .api-padding-cols .api-padding-cols .api-detail-col,
  .auth-plugin-container .api-padding-cols .api-padding-cols .api-detail-col,
  .solutions-container .api-padding-cols .api-padding-cols .api-detail-col,
  .internal-doc-container .api-padding-cols .api-padding-cols .api-detail-col {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .apps-container .application-container.edit-user-container {
    padding-left: 60px;
    padding-right: 60px;
  }
  .apps-container .application-container {
    padding-left: 60px;
    padding-right: 60px;
  }
  .content-padding {
    padding-right: 60px;
    padding-left: 60px;
  }
  .registration-container .registration-content .form-control {
    width: 95%;
  }
  .contact-us input,
  .contact-us textarea,
  .contact-us .ui-select-control {
    width: 50%;
  }
  .carousel .carousel-inner .landing-product {
    height: auto;
  }
  .app-nav-container {
    /*fix inline margin spacing  */
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0;
  }
  .app-nav-container .mobile-menu-view {
    display: block;
  }
  .app-nav-container .mobile-menu-view .mobile-nav-layout {
    color: #323436;
    font-family: Roobert Bold, sans-serif;
    font-size: 18px;
    line-height: 22px;
    background-color: #ffffff;
    border: none;
    padding: 2rem 0rem;
    width: 100%;
    padding-left: 3.4rem;
    padding-right: 3.4rem;
    border-bottom: 1px solid #DDE3E8;
    display: flex;
    justify-content: space-between;
  }
  .app-nav-container .mobile-menu-view .mobile-nav-layout.expanded {
    justify-content: flex-start;
    gap: 12px;
    padding: 20px 193px 21px 18px;
    margin-bottom: 30px;
  }
  .app-nav-container .mobile-menu-view .mobile-nav-layout .fa-chevron-right {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: #5E7482;
  }
  .app-nav-container .mobile-menu-view .mobile-nav-layout a {
    color: #323436;
    border: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .app-nav-container .mobile-menu-view .mobile-nav-layout .mobile-nav-location span {
    display: flex;
    gap: 10px;
    color: #5E7482;
  }
  .app-nav-container .mobile-menu-view .list-group-header .app-nav-dropdown-item {
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
  }
  .app-nav-container .nav-apiproducts div > span {
    position: relative !important;
  }
  .app-nav-container li a,
  .app-nav-container li span {
    font-size: 17px;
  }
  .app-nav-container .nav > li.nav-active a,
  .app-nav-container .nav > li.nav-inactive a {
    color: #ffffff;
  }
  .app-nav-container .nav > li i {
    color: #00406e;
  }
  .app-nav-container .nav > li span {
    top: -2px;
  }
  .app-nav-container .nav .mobile-products .api-list {
    padding-bottom: 30px;
  }
  .app-nav-container .nav .mobile-products .api-list .nav-apiproducts {
    height: 100%;
  }
  .app-nav-container .nav .mobile-products .api-list .nav-apiproducts .apiproduct-item {
    padding-bottom: 14px;
  }
  .app-nav-container .nav .mobile-products .api-list .text-capitalize {
    font-family: Roobert Medium, sans-serif;
    color: #0278B6;
    font-size: 14px;
  }
  .app-nav-container .mobile-nav-login,
  .app-nav-container .mobile-nav-btn {
    display: inline-flex;
  }
  .app-nav-container .mobile-nav-login .fa-search,
  .app-nav-container .mobile-nav-btn .fa-search {
    font-size: 22px;
  }
  .app-nav-container .mobile-nav-login .fa-times,
  .app-nav-container .mobile-nav-btn .fa-times {
    background: #000000;
    display: flex;
    width: 42px;
    height: 54px;
    padding: 0 10px 0 10px;
    color: #4BCD3E;
  }
  .app-nav-container .main-menu {
    position: absolute;
    top: 68px;
    right: 0;
    background-color: rgba(0, 51, 88, 0.8);
    border-top: 1px solid #dde3e8;
    min-width: 220px;
    display: none;
    padding-bottom: 10px;
  }
  .app-nav-container .main-menu > li {
    float: none;
    display: none;
  }
  .app-nav-container .main-menu > li > div,
  .app-nav-container .main-menu > li > a {
    padding: 5px 10px;
    display: block;
    text-align: left;
  }
  .app-nav-container .main-menu > li > div > a {
    display: block;
  }
  .app-nav-container .main-menu .nav-login {
    display: none;
  }
  .app-nav-container .main-menu.show-menu {
    display: block;
    background-color: #ffffff;
    min-width: 100vw;
    height: calc(100vh - 50px);
    overflow-y: scroll;
  }
  .app-nav-container .main-menu.show-menu .accordion {
    margin-top: 40px;
  }
  .app-nav-container .main-menu.show-menu .accordion .card {
    border: none;
    margin-bottom: 20px;
  }
  .app-nav-container .main-menu.show-menu .accordion .card h2 {
    background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center;
    background-size: 20px;
    cursor: pointer;
    font-size: 18px;
  }
  .app-nav-container .main-menu.show-menu .accordion .card h2.collapsed {
    background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png);
  }
  .app-nav-container .main-menu.show-menu .accordion .card-body {
    padding-left: 0;
    padding-right: 0;
  }
  .app-nav-container .main-menu .search i {
    color: #ffffff;
  }
  .app-nav-container .main-menu .nav-locale .locale-text,
  .app-nav-container .main-menu .nav-locale-mobile .locale-text {
    padding-top: 10px;
    padding-right: 6px;
    padding-left: 5px;
  }
  .app-nav-container .main-menu .nav-locale .locale-globe .globe-icon,
  .app-nav-container .main-menu .nav-locale-mobile .locale-globe .globe-icon {
    height: 25px;
    width: 25px;
  }
  .app-nav-container .main-menu .nav-locale .locale-toggle span,
  .app-nav-container .main-menu .nav-locale-mobile .locale-toggle span {
    font-size: 12px;
  }
  .app-nav-container .main-menu .locale-mobile {
    display: block;
  }
  .app-nav-container .main-menu .navapi-desktop {
    display: none;
  }
  .app-nav-container .main-menu .navapi-mobile {
    display: flex;
  }
  .app-nav-container .main-menu .navapi-mobile.justify-between {
    justify-content: space-between;
    width: 92%;
  }
  .app-nav-container .main-menu .app-nav-submenu .fa-arrow-left {
    margin-right: 15px;
  }
  .app-nav-container .main-menu .app-nav-submenu .locale-selection {
    display: flex;
  }
  .app-nav-container .main-menu .app-nav-submenu .locale-selection a {
    width: 50%;
  }
  .app-nav-container .main-menu .app-nav-submenu .locale-selection a .active {
    color: #0278B6;
  }
  .app-nav-container .main-menu .app-nav-submenu .locale-selection a .active span {
    border-bottom: 4px solid #0278B6;
    position: relative;
  }
  .app-nav-container .main-menu .app-nav-submenu .nav-submenu-label {
    padding-bottom: 15px;
    color: #5E7482;
  }
  .app-header-submenus .list-group-item-success {
    background-color: #ffffff;
  }
  .app-header-submenus .list-group-item-success > a[aria-expanded="true"] {
    display: block;
  }
  .app-header-submenus .list-group-item-success > a[aria-expanded="true"] .fa-chevron-down {
    display: none;
  }
  .app-header-submenus .list-group-item-success > a[aria-expanded="true"] .fa-chevron-up {
    display: inline-block;
  }
  .app-header-submenus .list-group-item-success > a[aria-expanded="false"] .fa-chevron-down {
    display: inline-block;
  }
  .app-header-submenus .list-group-item-success > a[aria-expanded="false"] .fa-chevron-up {
    display: none;
  }
  .app-header-submenus .list-group {
    border: none;
    box-shadow: none;
    padding-right: 0px;
  }
  .app-header-submenus .list-group > a[aria-expanded="true"] .fa-chevron-down {
    display: none;
  }
  .app-header-submenus .list-group > a[aria-expanded="true"] .fa-chevron-up {
    float: right;
  }
  .app-header-submenus .list-group > a[aria-expanded="false"] .fa-chevron-down {
    float: right;
  }
  .app-header-submenus .list-group > a[aria-expanded="false"] .fa-chevron-up {
    display: none;
  }
  .app-header-submenus .list-group .list-group-submenu .subborder {
    border-bottom: 1px solid #dde3e8;
  }
  .app-header-submenus .list-group .list-group-submenu > div > a:focus {
    color: #323436;
    font-weight: 600;
  }
  .app-header-submenus .list-group .list-group-submenu > div .list-mobile-product {
    padding: 1.3rem;
    padding-left: 5.8rem;
  }
  .app-header-submenus .list-group .list-group-submenu > div .allbutton {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #ffffff;
    text-transform: capitalize;
  }
  .app-header-submenus .list-group .list-group-submenu .list-group-item-list {
    font-family: Roobert, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #5a5f62;
  }
  .app-header-submenus .list-group .list-group-header {
    padding: 1rem 2rem;
    padding-top: 8px;
  }
  .app-header-submenus .list-group .list-group-header .active {
    text-decoration: none;
    color: #555555;
    text-shadow: none;
  }
  .app-header-submenus .list-group .list-group-header > div > p {
    color: #323436;
  }
  .app-header-submenus .list-group .list-group-header .list-group-item-support .list-mobile-product {
    padding: 1.3rem;
  }
  .app-header-submenus .list-group .list-mobile {
    padding: 1rem 2.8rem 1rem 3rem;
  }
  .app-header-submenus .list-group .list-mobile .list-location-mobile > div > a {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
  }
  .app-header-submenus .list-group .list-mobile .list-location-mobile > div > a:hover {
    background-color: #f0f4f6;
    text-decoration: none;
  }
  .app-header-submenus .list-group .list-mobile .list-location-mobile > div > a:active {
    background-color: #DDE3E8;
    text-decoration: none;
  }
  .app-header-submenus .list-group .list-mobile .list-location-mobile > div > a img {
    background-color: #323436;
    width: 34px;
    height: 34px;
    padding: 7px;
    border-radius: 6px;
    margin-right: 20px;
  }
  .app-header-submenus .list-group .list-mobile .list-location-mobile > div > a .active {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #323436;
    background: #f0f4f6;
    border-radius: 8px;
  }
  .app-header-submenus .list-group .list-mobile .list-location-mobile > div > a .active > span {
    font-weight: 600;
  }
  .app-header-submenus .list-group .list-mobile .list-location-mobile > div > a > div {
    padding: 1rem;
  }
  .app-header-submenus .list-group .list-mobile .list-location-mobile > div > a > div > span {
    font-family: Roobert, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #5a5f62;
    display: inline-block;
    position: relative;
  }
  .app-header-submenus .list-group .location-mobile {
    display: flex;
  }
  .app-header-submenus .list-group .location-mobile .app-dropdown-menu.dropdown-menu {
    margin-top: -49%;
  }
  .app-header-submenus .list-group .location-mobile .app-dropdown-menu.dropdown-menu .dropdown-menu-content {
    width: 90%;
    border: none;
    box-shadow: none;
  }
  .app-header-submenus .list-group .location-mobile .app-dropdown-menu.dropdown-menu .dropdown-menu-content .locale-selection > a {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #323436;
  }
  .app-header-submenus .list-group .location-mobile > a[aria-expanded="true"] .fa-chevron-down {
    display: none;
  }
  .app-header-submenus .list-group .location-mobile > a[aria-expanded="true"] .fa-chevron-up {
    display: inline-block;
  }
  .app-header-submenus .list-group .location-mobile > a[aria-expanded="true"] svg.fa-chevron-down {
    display: none;
  }
  .app-header-submenus .list-group .location-mobile > a[aria-expanded="true"] svg.fa-chevron-up {
    display: inline-block;
  }
  .app-header-submenus .list-group .location-mobile > a[aria-expanded="false"] svg.fa-chevron-down {
    display: inline-block;
  }
  .app-header-submenus .list-group .location-mobile > a[aria-expanded="false"] svg.fa-chevron-up {
    display: none;
  }
  .app-header-submenus .list-group .events-container .api-content-heading,
  .app-header-submenus .list-group .app-container .api-content-heading {
    padding-bottom: 0;
  }
  .app-header-submenus .list-group .events-container .api-content-container .open .api-show-data,
  .app-header-submenus .list-group .app-container .api-content-container .open .api-show-data {
    right: 0%;
  }
  .app-header-submenus .list-group .events-container .api-content-container .location-menu-mobile,
  .app-header-submenus .list-group .app-container .api-content-container .location-menu-mobile {
    font-family: Roobert, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    text-align: right;
    color: #323436;
  }
  .app-header-submenus .list-group .events-container .api-content-container .location-menu-mobile .locale-text,
  .app-header-submenus .list-group .app-container .api-content-container .location-menu-mobile .locale-text {
    display: block;
    padding-left: 180px;
    padding-top: 20px;
  }
  .app-header-submenus .list-group .events-container .api-content-container .location-menu-mobile .locale-text .locale-value-text,
  .app-header-submenus .list-group .app-container .api-content-container .location-menu-mobile .locale-text .locale-value-text {
    padding: 0px 1rem;
    color: #ffffff;
  }
  .app-header-submenus .list-group .events-container > a[aria-expanded="true"] .fa-chevron-down,
  .app-header-submenus .list-group .app-container > a[aria-expanded="true"] .fa-chevron-down {
    display: none;
  }
  .app-header-submenus .list-group .events-container > a[aria-expanded="true"] .fa-chevron-up,
  .app-header-submenus .list-group .app-container > a[aria-expanded="true"] .fa-chevron-up {
    float: right;
    color: #5E7482;
    display: inline-block;
  }
  .app-header-submenus .list-group .events-container > a[aria-expanded="false"] .fa-chevron-down,
  .app-header-submenus .list-group .app-container > a[aria-expanded="false"] .fa-chevron-down {
    float: right;
    color: #5E7482;
    display: inline-block;
  }
  .app-header-submenus .list-group .events-container > a[aria-expanded="false"] .fa-chevron-up,
  .app-header-submenus .list-group .app-container > a[aria-expanded="false"] .fa-chevron-up {
    display: none;
  }
  .app-header-submenus .list-group .events-container .list-group-header,
  .app-header-submenus .list-group .app-container .list-group-header {
    padding: 1rem 5.8rem;
    padding-top: 30px;
  }
  .app-header-submenus .list-group .events-container .list-group-header .active,
  .app-header-submenus .list-group .app-container .list-group-header .active {
    text-decoration: none;
    color: #555555;
    background-color: #f5f5f5;
    text-shadow: none;
  }
  .app-header-submenus .list-group .events-container .list-group-header > div > p,
  .app-header-submenus .list-group .app-container .list-group-header > div > p {
    color: #323436;
  }
  .app-header-submenus .list-group .events-container .list-group-header .list-group-item-support .list-mobile-product,
  .app-header-submenus .list-group .app-container .list-group-header .list-group-item-support .list-mobile-product {
    padding: 1.3rem;
    padding-left: 0rem;
    padding-top: 0;
  }
  .app-header-submenus .list-group .events-container .list-group-header .list-group-item-support .list-mobile-product > a,
  .app-header-submenus .list-group .app-container .list-group-header .list-group-item-support .list-mobile-product > a {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #00406e;
  }
  .app-header-submenus .list-group .events-container .list-group-submenu .subborder,
  .app-header-submenus .list-group .app-container .list-group-submenu .subborder {
    border-bottom: 1px solid #dde3e8;
  }
  .app-header-submenus .list-group .events-container .list-group-submenu > div,
  .app-header-submenus .list-group .app-container .list-group-submenu > div {
    padding: 0rem 5.8rem;
  }
  .app-header-submenus .list-group .events-container .list-group-submenu > div > a:focus,
  .app-header-submenus .list-group .app-container .list-group-submenu > div > a:focus {
    color: #323436;
    font-weight: 600;
  }
  .app-header-submenus .list-group .events-container .list-group-submenu > div .list-mobile-product,
  .app-header-submenus .list-group .app-container .list-group-submenu > div .list-mobile-product {
    padding: 1.3rem;
    padding-left: 5.8rem;
  }
  .app-header-submenus .list-group .events-container .list-group-submenu > div .allbutton,
  .app-header-submenus .list-group .app-container .list-group-submenu > div .allbutton {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #ffffff;
    text-transform: capitalize;
  }
  .app-header-submenus .list-group .events-container .list-group-submenu .list-group-item-list,
  .app-header-submenus .list-group .app-container .list-group-submenu .list-group-item-list {
    font-family: Roobert, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #5a5f62;
  }
  .app-header-submenus .list-group .events-container .submenu-item,
  .app-header-submenus .list-group .app-container .submenu-item {
    padding-left: 4rem;
  }
  .app-header-submenus .list-group .events-container .list-group-item,
  .app-header-submenus .list-group .app-container .list-group-item {
    font-family: Roobert, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #5a5f62;
    border: none;
  }
  .app-header-submenus .list-group .events-container .list-group-item .list-group-item-list,
  .app-header-submenus .list-group .app-container .list-group-item .list-group-item-list {
    font-family: Roobert, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #5a5f62;
    padding-left: 2rem;
  }
  .app-header-submenus .list-group .events-container .list-group-item > div > p,
  .app-header-submenus .list-group .app-container .list-group-item > div > p {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #00406e;
  }
  .app-header-submenus .list-group .events-container .list-group-item > div > span,
  .app-header-submenus .list-group .app-container .list-group-item > div > span {
    font-family: Roobert, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    color: #5E7482;
  }
  .app-header-submenus .list-group .events-container .list-group-item .side-show-nav,
  .app-header-submenus .list-group .app-container .list-group-item .side-show-nav {
    display: inline;
    left: 240px;
  }
  .app-header-submenus .list-group .events-container .list-group-item .events-padding-cols .side-nav-col,
  .app-header-submenus .list-group .app-container .list-group-item .events-padding-cols .side-nav-col,
  .app-header-submenus .list-group .events-container .list-group-item .api-padding-cols .side-nav-col,
  .app-header-submenus .list-group .app-container .list-group-item .api-padding-cols .side-nav-col {
    position: absolute;
    z-index: 2;
  }
  .app-header-submenus .list-group .events-container .list-group-item .events-padding-cols .side-nav-col:not(.open),
  .app-header-submenus .list-group .app-container .list-group-item .events-padding-cols .side-nav-col:not(.open),
  .app-header-submenus .list-group .events-container .list-group-item .api-padding-cols .side-nav-col:not(.open),
  .app-header-submenus .list-group .app-container .list-group-item .api-padding-cols .side-nav-col:not(.open) {
    left: -290px;
  }
  .app-header-submenus .list-group .events-container .list-group-item-support-header,
  .app-header-submenus .list-group .app-container .list-group-item-support-header {
    padding: 1rem 0rem;
  }
  .app-header-submenus .list-group .events-container .list-group-submenu .subborder,
  .app-header-submenus .list-group .app-container .list-group-submenu .subborder {
    border-bottom: 1px solid #dde3e8;
  }
  .app-header-submenus .list-group .events-container .list-group-submenu > div,
  .app-header-submenus .list-group .app-container .list-group-submenu > div {
    padding: 0rem 5.8rem;
  }
  .app-header-submenus .list-group .events-container .list-group-submenu > div > a:focus,
  .app-header-submenus .list-group .app-container .list-group-submenu > div > a:focus {
    color: #323436;
    font-weight: 600;
  }
  .app-header-submenus .list-group .events-container .list-group-submenu > div .list-mobile-product,
  .app-header-submenus .list-group .app-container .list-group-submenu > div .list-mobile-product {
    padding: 1.3rem;
    padding-left: 5.8rem;
  }
  .app-header-submenus .list-group .events-container .list-group-submenu > div .allbutton,
  .app-header-submenus .list-group .app-container .list-group-submenu > div .allbutton {
    font-family: Roobert Medium, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #ffffff;
    text-transform: capitalize;
  }
  .app-header-submenus .list-group .events-container .list-group-submenu .list-group-item-list,
  .app-header-submenus .list-group .app-container .list-group-submenu .list-group-item-list {
    font-family: Roobert, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #5a5f62;
  }
  .app-header-submenus .list-group .submenu-item {
    padding-left: 4rem;
  }
  .app-header-submenus .list-group .list-group-item {
    font-family: Roobert, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #5a5f62;
    border: none;
  }
  .app-header-submenus .list-group .list-group-item .list-group-item-list {
    font-family: Roobert, sans-serif;
    font-style: normal;
    line-height: 22px;
  }
  .app-header-submenus .list-group .list-group-item .side-show-nav {
    display: inline;
    left: 240px;
  }
  .app-header-submenus .list-group .list-group-item .events-padding-cols .side-nav-col,
  .app-header-submenus .list-group .list-group-item .api-padding-cols .side-nav-col {
    position: absolute;
    z-index: 2;
  }
  .app-header-submenus .list-group .list-group-item .events-padding-cols .side-nav-col:not(.open),
  .app-header-submenus .list-group .list-group-item .api-padding-cols .side-nav-col:not(.open) {
    left: -290px;
  }
  .app-header-submenus .list-group .border {
    border-bottom: 2px solid #dde3e8;
  }
  .app-header-submenus .list-group a.list-group-item-success,
  .app-header-submenus .list-group button.list-group-item-success {
    color: #000000;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roobert Bold, sans-serif;
    font-size: 18px;
    line-height: 22px;
    background-color: #ffffff;
    border: none;
    padding: 2rem 0rem;
    width: 100%;
    padding-left: 3.4rem;
    padding-right: 3.4rem;
  }
  .app-header-submenus .list-group a.list-group-item-success:focus,
  .app-header-submenus .list-group button.list-group-item-success:focus {
    color: #000000;
    background-color: #ffffff;
  }
  .app-header-submenus .list-group a.list-group-item-success > span,
  .app-header-submenus .list-group button.list-group-item-success > span {
    float: right;
  }
  .app-header-submenus .list-group a.list-group-item-success > span svg,
  .app-header-submenus .list-group button.list-group-item-success > span svg {
    color: #5E7482;
  }
  .app-header-submenus .list-group a.list-group-item-success > span .locale-value-text,
  .app-header-submenus .list-group button.list-group-item-success > span .locale-value-text {
    padding: 1rem;
    color: #ffffff;
  }
  .app-header-submenus .list-group a.list-group-item-success.client-menu-trigger,
  .app-header-submenus .list-group button.list-group-item-success.client-menu-trigger {
    display: flex;
    align-items: center;
  }
  .app-header-submenus .list-group a.list-group-item-success.client-menu-trigger .fa-chevron-down,
  .app-header-submenus .list-group button.list-group-item-success.client-menu-trigger .fa-chevron-down,
  .app-header-submenus .list-group a.list-group-item-success.client-menu-trigger .fa-chevron-up,
  .app-header-submenus .list-group button.list-group-item-success.client-menu-trigger .fa-chevron-up {
    float: none;
    order: 3;
    margin-left: 12px;
  }
  .app-header-submenus .list-group a.list-group-item-success.client-menu-trigger .selected-client-name,
  .app-header-submenus .list-group button.list-group-item-success.client-menu-trigger .selected-client-name {
    order: 2;
    margin-left: auto;
    font-family: Roobert, sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    line-height: 22px;
    letter-spacing: 0;
    text-align: right;
    color: #5E7482;
  }
  .app-header-submenus .list-group a.list-group-item-success > a[aria-expanded="true"] svg.fa-chevron-down,
  .app-header-submenus .list-group button.list-group-item-success > a[aria-expanded="true"] svg.fa-chevron-down {
    display: none;
  }
  .app-header-submenus .list-group a.list-group-item-success > a[aria-expanded="true"] svg.fa-chevron-up,
  .app-header-submenus .list-group button.list-group-item-success > a[aria-expanded="true"] svg.fa-chevron-up {
    display: inline-block;
  }
  .app-header-submenus .list-group a.list-group-item-success > a[aria-expanded="false"] svg.fa-chevron-down,
  .app-header-submenus .list-group button.list-group-item-success > a[aria-expanded="false"] svg.fa-chevron-down {
    display: inline-block;
  }
  .app-header-submenus .list-group a.list-group-item-success > a[aria-expanded="false"] svg.fa-chevron-up,
  .app-header-submenus .list-group button.list-group-item-success > a[aria-expanded="false"] svg.fa-chevron-up {
    display: none;
  }
  .app-header-submenus .list-group .list-group.panel > .list-group-item {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .app-header-submenus .mobile-menu > li {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .app-header-submenus .multiclient-search-wrapper {
    padding: 10px 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #DDE3E8;
    display: flex;
    align-items: center;
    position: relative;
  }
  .app-header-submenus .multiclient-search-wrapper .multiclient-search-input {
    width: 100%;
    padding: 8px 36px 8px 12px;
    border: none;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
    color: #000000;
  }
  .app-header-submenus .multiclient-search-wrapper .multiclient-search-input::placeholder {
    color: #5E7482;
  }
  .app-header-submenus .multiclient-search-wrapper .multiclient-search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #323436;
    pointer-events: none;
    font-size: 14px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .app-header-submenus .multiclient-search-wrapper .multiclient-search-icon.hidden {
    display: none;
  }
  .app-header-submenus .multiclient-search-wrapper .multiclient-search-clear {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #323436;
    font-size: 16px;
    line-height: 1;
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .app-header-submenus .multiclient-search-wrapper .multiclient-search-clear.btn,
  .app-header-submenus .multiclient-search-wrapper .multiclient-search-clear.ui-action-button {
    padding: 0;
    min-width: 20px;
  }
  .app-header-submenus .multiclient-search-wrapper .multiclient-search-clear i {
    line-height: 1;
  }
  .app-header-submenus .multiclient-search-wrapper .multiclient-search-clear:hover {
    color: #5a5f62;
  }
  .app-header-submenus .multiclient-search-wrapper .multiclient-search-clear.hidden {
    display: none;
  }
  .app-header-submenus .multiclient-search-wrapper .multiclient-search-clear {
    right: 28px;
  }
  .app-header-submenus .multiclient-search-wrapper .multiclient-search-icon {
    right: 28px;
  }
  .app-header-submenus .multiclient-no-results {
    text-align: center;
    padding: 12px 12px;
    color: #323436;
    font-size: 14px;
  }
  .app-header-submenus .multiclient-selection {
    padding: 0px 18px;
    max-height: 240px;
    overflow-y: scroll;
  }
  .app-header-submenus .multiclient-selection .app-nav-dropdown-item {
    display: flex;
    align-items: center;
    margin-bottom: 26px;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
  }
  .app-header-submenus .multiclient-selection .app-nav-dropdown-item:hover {
    background-color: #f0f4f6;
    text-decoration: none;
  }
  .app-header-submenus .multiclient-selection .app-nav-dropdown-item:active {
    background-color: #DDE3E8;
    text-decoration: none;
  }
  .app-header-submenus .multiclient-selection .app-nav-dropdown-item .title {
    color: #000000;
    font-family: Roobert Medium, sans-serif;
    font-size: 16px;
    line-height: 22px;
  }
  .app-header-submenus .multiclient-selection .app-nav-dropdown-item.active .title {
    color: #4BCD3E;
  }
  .app-header-submenus .multiclient-selection .app-nav-dropdown-item.active .title::after {
    content: none;
  }
  .app-header-submenus .multiclient-selection .app-nav-dropdown-item .fa-check {
    color: #4BCD3E;
  }
  .app-header-submenus .list-location-mobile {
    gap: 38px;
    flex-direction: column;
  }
  .app-header-submenus .list-location-mobile .locale-option-top,
  .app-header-submenus .list-location-mobile .locale-option-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 12px 8px;
  }
  .app-header-submenus .list-location-mobile .locale-check-icon {
    margin-left: auto;
  }
  .app-header-submenus .list-location-mobile .locale-selection a {
    margin-bottom: 0;
  }
  .app-header-submenus .list-location-mobile .locale-selection a:hover {
    background-color: #f0f4f6;
    text-decoration: none;
  }
  .app-header-submenus .list-location-mobile .locale-selection a:active {
    background-color: #DDE3E8;
    text-decoration: none;
  }
  .app-header-submenus .list-location-mobile a {
    color: #11191F;
    font-family: Roobert Medium, sans-serif;
    font-size: 16px;
    line-height: 22px;
  }
  .app-header-submenus .locale-selection {
    color: #323436;
    font-family: Roobert Medium, sans-serif;
    font-size: 16px;
    line-height: 22px;
    padding: 0px 18px;
  }
  .app-header-submenus .locale-selection a {
    display: flex;
    justify-content: space-between;
    margin-bottom: 26px;
    color: #323436;
  }
  .app-header-submenus .locale-selection a .active,
  .app-header-submenus .locale-selection a svg {
    color: #4BCD3E;
  }
  .link-float .status {
    margin-left: 1px;
  }
  .events-application-container .event-app-header {
    display: flex;
    justify-content: left;
  }
  .events-application-container .event-app-header .header-content {
    margin-left: 5%;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .api-container .api-padding-cols .api-show-data,
  .auth-plugin-container .api-padding-cols .api-show-data,
  .solutions-container .api-padding-cols .api-show-data,
  .internal-doc-container .api-padding-cols .api-show-data {
    right: 100%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }
}
@media (max-width: 1199px) and (max-width: 991px) {
  .api-container .api-padding-cols .api-response-container,
  .auth-plugin-container .api-padding-cols .api-response-container,
  .solutions-container .api-padding-cols .api-response-container,
  .internal-doc-container .api-padding-cols .api-response-container {
    padding: 40px 12px 150px;
  }
  .api-container .api-padding-cols .api-response-container .api-scenario-response,
  .auth-plugin-container .api-padding-cols .api-response-container .api-scenario-response,
  .solutions-container .api-padding-cols .api-response-container .api-scenario-response,
  .internal-doc-container .api-padding-cols .api-response-container .api-scenario-response {
    display: block;
  }
  .api-container .api-padding-cols .api-response-container .events-detail-col,
  .auth-plugin-container .api-padding-cols .api-response-container .events-detail-col,
  .solutions-container .api-padding-cols .api-response-container .events-detail-col,
  .internal-doc-container .api-padding-cols .api-response-container .events-detail-col {
    padding-left: 20px;
  }
}
/* For Specific iPad layouts */
@media only screen and (device-width: 768px) {
  .email-activation-desc {
    margin-top: -10px;
    text-align: left;
  }
  .email-activation-footer {
    width: 58%;
    margin-left: 0px;
  }
  .email-Activation-Container {
    padding-top: 0px;
  }
  .email-Activation-Container .registration-content {
    padding-top: 0px;
  }
  .email-Activation-Container .registration-content.success {
    padding-top: 40px;
  }
}
@media (min-width: 768px) {
  .apps-component .application-info .apps-info-content .mobile {
    display: none;
  }
  .apps-component .link-float .mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  .faqs .backdrop {
    width: 100vw;
  }
  .api-content-container .expanded .api-background-col {
    width: 100%;
  }
  .api-content-container .expanded .api-data-col {
    width: 100%;
    right: 0px;
  }
  .api-content-container .expanded .api-data-col .api-show-data {
    right: calc(100% - 364px);
  }
  .api-content-container .expanded .api-data-col .api-content-dark-border {
    margin-left: -50px;
  }
  .api-content-container .expanded .sandbox {
    width: fit-content;
  }
  .api-content-container .api-data-col.neg-top-margin {
    margin-top: -10px;
  }
  .events-container .subnav-mobile-nav-dropdown,
  .api-container .subnav-mobile-nav-dropdown,
  .auth-plugin-container .subnav-mobile-nav-dropdown,
  .solutions-container .subnav-mobile-nav-dropdown,
  .internal-doc-container .subnav-mobile-nav-dropdown {
    overflow-y: scroll;
    height: calc(100vh - 108px);
  }
  .events-container .api-content-heading,
  .api-container .api-content-heading,
  .auth-plugin-container .api-content-heading,
  .solutions-container .api-content-heading,
  .internal-doc-container .api-content-heading {
    padding-bottom: 0;
  }
  .events-container .api-content-container .open .api-show-data,
  .api-container .api-content-container .open .api-show-data,
  .auth-plugin-container .api-content-container .open .api-show-data,
  .solutions-container .api-content-container .open .api-show-data,
  .internal-doc-container .api-content-container .open .api-show-data {
    right: 0%;
  }
  .events-container .api-content-container .api-show-data svg.fa-chevron-up,
  .api-container .api-content-container .api-show-data svg.fa-chevron-up,
  .auth-plugin-container .api-content-container .api-show-data svg.fa-chevron-up,
  .solutions-container .api-content-container .api-show-data svg.fa-chevron-up,
  .internal-doc-container .api-content-container .api-show-data svg.fa-chevron-up,
  .events-container .api-content-container .api-show-data svg.fa-chevron-down,
  .api-container .api-content-container .api-show-data svg.fa-chevron-down,
  .auth-plugin-container .api-content-container .api-show-data svg.fa-chevron-down,
  .solutions-container .api-content-container .api-show-data svg.fa-chevron-down,
  .internal-doc-container .api-content-container .api-show-data svg.fa-chevron-down {
    display: none;
  }
  .events-container.changelog .common-header,
  .api-container.changelog .common-header,
  .auth-plugin-container.changelog .common-header,
  .solutions-container.changelog .common-header,
  .internal-doc-container.changelog .common-header {
    padding-left: 90px;
  }
  .events-container .api-content-value,
  .api-container .api-content-value,
  .auth-plugin-container .api-content-value,
  .solutions-container .api-content-value,
  .internal-doc-container .api-content-value {
    padding-bottom: 10px;
  }
  .events-container .headerInfo .api-landing-header .header-title,
  .api-container .headerInfo .api-landing-header .header-title,
  .auth-plugin-container .headerInfo .api-landing-header .header-title,
  .solutions-container .headerInfo .api-landing-header .header-title,
  .internal-doc-container .headerInfo .api-landing-header .header-title {
    font-size: 30px;
  }
  .events-container .headerInfo .api-landing-header .api-image-hero,
  .api-container .headerInfo .api-landing-header .api-image-hero,
  .auth-plugin-container .headerInfo .api-landing-header .api-image-hero,
  .solutions-container .headerInfo .api-landing-header .api-image-hero,
  .internal-doc-container .headerInfo .api-landing-header .api-image-hero {
    display: none;
  }
  .events-container .apps-container .application-container.edit-user-container,
  .api-container .apps-container .application-container.edit-user-container,
  .auth-plugin-container .apps-container .application-container.edit-user-container,
  .solutions-container .apps-container .application-container.edit-user-container,
  .internal-doc-container .apps-container .application-container.edit-user-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .events-container .apps-container .application-container,
  .api-container .apps-container .application-container,
  .auth-plugin-container .apps-container .application-container,
  .solutions-container .apps-container .application-container,
  .internal-doc-container .apps-container .application-container {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .events-container .applications-noapps .noapps.step .number-circle,
  .api-container .applications-noapps .noapps.step .number-circle,
  .auth-plugin-container .applications-noapps .noapps.step .number-circle,
  .solutions-container .applications-noapps .noapps.step .number-circle,
  .internal-doc-container .applications-noapps .noapps.step .number-circle {
    padding-right: 5px;
  }
  .events-container .application-content,
  .api-container .application-content,
  .auth-plugin-container .application-content,
  .solutions-container .application-content,
  .internal-doc-container .application-content {
    min-height: 105px;
  }
  .events-container .api-landing-header .event-header,
  .api-container .api-landing-header .event-header,
  .auth-plugin-container .api-landing-header .event-header,
  .solutions-container .api-landing-header .event-header,
  .internal-doc-container .api-landing-header .event-header {
    flex: 1;
    padding-right: 10%;
  }
  .events-container .api-landing-header .event-header-img,
  .api-container .api-landing-header .event-header-img,
  .auth-plugin-container .api-landing-header .event-header-img,
  .solutions-container .api-landing-header .event-header-img,
  .internal-doc-container .api-landing-header .event-header-img {
    display: none;
  }
  .events-container .api-landing-content .landing-products .landing-product,
  .api-container .api-landing-content .landing-products .landing-product,
  .auth-plugin-container .api-landing-content .landing-products .landing-product,
  .solutions-container .api-landing-content .landing-products .landing-product,
  .internal-doc-container .api-landing-content .landing-products .landing-product {
    height: auto;
    text-align: center;
  }
  .events-container .api-landing-content .landing-products .landing-product .product-title i,
  .api-container .api-landing-content .landing-products .landing-product .product-title i,
  .auth-plugin-container .api-landing-content .landing-products .landing-product .product-title i,
  .solutions-container .api-landing-content .landing-products .landing-product .product-title i,
  .internal-doc-container .api-landing-content .landing-products .landing-product .product-title i {
    font-size: 40px;
  }
  .events-container .api-landing-content .landing-products .landing-product .product-title .title,
  .api-container .api-landing-content .landing-products .landing-product .product-title .title,
  .auth-plugin-container .api-landing-content .landing-products .landing-product .product-title .title,
  .solutions-container .api-landing-content .landing-products .landing-product .product-title .title,
  .internal-doc-container .api-landing-content .landing-products .landing-product .product-title .title {
    margin-bottom: 10px;
  }
  .events-container .api-landing-content .landing-products .landing-product .api-links,
  .api-container .api-landing-content .landing-products .landing-product .api-links,
  .auth-plugin-container .api-landing-content .landing-products .landing-product .api-links,
  .solutions-container .api-landing-content .landing-products .landing-product .api-links,
  .internal-doc-container .api-landing-content .landing-products .landing-product .api-links {
    float: none;
    display: inline-block;
  }
  .events-container .events-padding-cols .side-nav-col,
  .api-container .events-padding-cols .side-nav-col,
  .auth-plugin-container .events-padding-cols .side-nav-col,
  .solutions-container .events-padding-cols .side-nav-col,
  .internal-doc-container .events-padding-cols .side-nav-col,
  .events-container .api-padding-cols .side-nav-col,
  .api-container .api-padding-cols .side-nav-col,
  .auth-plugin-container .api-padding-cols .side-nav-col,
  .solutions-container .api-padding-cols .side-nav-col,
  .internal-doc-container .api-padding-cols .side-nav-col {
    position: absolute;
    z-index: 2;
    top: 21px;
  }
  .events-container .events-padding-cols .side-nav-col:not(.open),
  .api-container .events-padding-cols .side-nav-col:not(.open),
  .auth-plugin-container .events-padding-cols .side-nav-col:not(.open),
  .solutions-container .events-padding-cols .side-nav-col:not(.open),
  .internal-doc-container .events-padding-cols .side-nav-col:not(.open),
  .events-container .api-padding-cols .side-nav-col:not(.open),
  .api-container .api-padding-cols .side-nav-col:not(.open),
  .auth-plugin-container .api-padding-cols .side-nav-col:not(.open),
  .solutions-container .api-padding-cols .side-nav-col:not(.open),
  .internal-doc-container .api-padding-cols .side-nav-col:not(.open) {
    left: -290px;
  }
  .apps-container .application-container.edit-user-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .apps-container .application-container {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .applications-noapps .noapps.step .number-circle {
    padding-right: 5px;
  }
  .api-content-heading + .api-content-value > input.form-control {
    margin-top: 5px;
  }
  .content-padding {
    padding-right: 30px;
    padding-left: 30px;
  }
  .my-application .common-header .common-header-content button {
    margin-bottom: 0px;
  }
  .my-application .common-header .common-header-content .header-text {
    top: 0%;
  }
  .roleName-display > a:after {
    position: static;
  }
  .content-panel .level4 {
    color: #5a5f62;
    height: 140px;
  }
  .content-panel .level3 {
    color: #5a5f62;
    height: 230px;
  }
  .content-nav {
    display: none;
  }
  .registration-container .registration-content .form-control {
    width: 95%;
  }
  .contact-us input,
  .contact-us textarea,
  .contact-us .ui-select-control {
    width: 75%;
  }
  .events-container .events-padding-cols > .api-content-col {
    width: 100%;
  }
  .events-container .events-operation-cols > .events-detail-col.events {
    width: 100%;
  }
  .events-container .side-show-nav {
    display: inline;
    left: 290px;
  }
  .events-container .events-content-container .events-padding-cols .side-nav-col {
    position: absolute;
  }
  .events-container .events-content-container .events-padding-cols .events-operation-container .sandbox-title {
    width: inherit;
    left: 104px;
    top: calc(100% - 22px/2);
  }
  .events-container .events-content-container .events-padding-cols .events-operation-container .events-detail-col {
    padding-right: 0;
  }
  .events-container .events-content-container .events-padding-cols .events-operation-container .events-detail-col .event-title {
    height: 24px;
    left: 12px;
    top: 116px;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 1%;
    text-align: left;
    color: #5E7482;
    text-transform: capitalize;
    padding-bottom: 10px;
  }
  .events-container .events-content-container .events-padding-cols .events-operation-container .events-detail-col .api-content-section {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .events-container .events-content-container .events-padding-cols .events-operation-container .events-detail-col .events-operation-select .events-select-control {
    border-radius: 0px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .events-container .events-content-container .events-padding-cols .events-operation-container .events-detail-col .events-operation-select .compile {
    margin-top: 82px;
    position: absolute;
    left: 0%;
    margin-left: 0px;
    margin-top: 84px;
  }
  .apps-container .apps-content .application-container {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .events-application-container .event-app-header {
    padding-top: 20px;
    padding-bottom: 50px;
    display: block;
  }
  .events-application-container .event-app-header .header-content .event-app-status-bundle .event-app-data {
    margin-bottom: 24px;
  }
  .events-application-container .event-app-header .header-content .event-app-title {
    padding-top: 18px;
    padding-bottom: 30px;
  }
  .events-application-container .event-app-header .header-content .event-app-title .event-app-subscribe {
    position: absolute;
    margin-top: 180px;
  }
  .events-application-container .event-app-header .header-content .event-app-title .event-app-subscribe button {
    width: 220px;
    height: 38px;
  }
  .events-application-container .event-app-header .header-content .event-app-breadcrumbs ol a {
    font-size: 14px;
  }
  .events-application-container .event-app-header .header-content .event-app-breadcrumbs ol span {
    font-size: 14px;
  }
  .events-application-container .event-app-header .header-content .event-app-status-bundle .event-app-data .title,
  .events-application-container .event-app-header .header-content .event-app-status-bundle .event-app-data .description {
    font-size: 15px;
  }
  .events-application-container .applications .cards .event-application-container .application-content {
    padding: 20px 0px;
  }
  .events-application-container .event-app-dropdown {
    display: block;
    margin-top: 50px;
  }
  .events-application-container .apps-content {
    padding-top: 30px;
  }
  .events-application-container .applications .cards .event-application-container {
    padding-bottom: 30px;
  }
  .app-alert-box-container .appalert-error-message {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 4px;
    max-width: 88%;
    margin-left: 10px;
    text-align: left;
  }
  .api-container .api-operation-cols > .api-data-col {
    z-index: -1;
  }
}
@media (max-width: 991px) and (max-width: 480px) {
  .events-application-container .event-app-header .header-content .event-app-status-bundle .event-app-data .description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 9%0;
  }
  .events-application-container .event-app-header .header-content .event-app-status-bundle .event-app-data .description:hover {
    overflow: visible;
    white-space: normal;
    word-wrap: break-word;
  }
}
@media (max-width: 1400px) {
  .applications-noapps {
    margin-left: 75px;
    margin-right: 75px;
  }
  .contact-us input,
  .contact-us textarea,
  .contact-us .ui-select-control {
    width: 50%;
  }
}
@media (min-width: 1400px) {
  .apps-container .application-container {
    width: 70%;
  }
  .events-application .event-app-header .header-content {
    width: 70%;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 16px;
  }
  .expand-all {
    display: none;
  }
  .events-container #documentation-submenu.display,
  .api-container #documentation-submenu.display,
  .auth-plugin-container #documentation-submenu.display,
  .solutions-container #documentation-submenu.display,
  .internal-doc-container #documentation-submenu.display {
    display: none;
  }
  .events-container .api-background-col,
  .api-container .api-background-col,
  .auth-plugin-container .api-background-col,
  .solutions-container .api-background-col,
  .internal-doc-container .api-background-col,
  .events-container .api-data-col,
  .api-container .api-data-col,
  .auth-plugin-container .api-data-col,
  .solutions-container .api-data-col,
  .internal-doc-container .api-data-col {
    width: calc(100% + 30px);
  }
  .events-container .api-background-col:not(.open),
  .api-container .api-background-col:not(.open),
  .auth-plugin-container .api-background-col:not(.open),
  .solutions-container .api-background-col:not(.open),
  .internal-doc-container .api-background-col:not(.open),
  .events-container .api-data-col:not(.open),
  .api-container .api-data-col:not(.open),
  .auth-plugin-container .api-data-col:not(.open),
  .solutions-container .api-data-col:not(.open),
  .internal-doc-container .api-data-col:not(.open) {
    right: calc(-100% - 30px);
  }
  .events-container.changelog .common-header,
  .api-container.changelog .common-header,
  .auth-plugin-container.changelog .common-header,
  .solutions-container.changelog .common-header,
  .internal-doc-container.changelog .common-header {
    padding-left: 70px;
  }
  .events-container .events-padding-cols .side-nav-col,
  .api-container .events-padding-cols .side-nav-col,
  .auth-plugin-container .events-padding-cols .side-nav-col,
  .solutions-container .events-padding-cols .side-nav-col,
  .internal-doc-container .events-padding-cols .side-nav-col,
  .events-container .api-padding-cols .side-nav-col,
  .api-container .api-padding-cols .side-nav-col,
  .auth-plugin-container .api-padding-cols .side-nav-col,
  .solutions-container .api-padding-cols .side-nav-col,
  .internal-doc-container .api-padding-cols .side-nav-col {
    width: 100%;
    top: 21px;
  }
  .events-container .events-padding-cols .side-nav-col:not(.open),
  .api-container .events-padding-cols .side-nav-col:not(.open),
  .auth-plugin-container .events-padding-cols .side-nav-col:not(.open),
  .solutions-container .events-padding-cols .side-nav-col:not(.open),
  .internal-doc-container .events-padding-cols .side-nav-col:not(.open),
  .events-container .api-padding-cols .side-nav-col:not(.open),
  .api-container .api-padding-cols .side-nav-col:not(.open),
  .auth-plugin-container .api-padding-cols .side-nav-col:not(.open),
  .solutions-container .api-padding-cols .side-nav-col:not(.open),
  .internal-doc-container .api-padding-cols .side-nav-col:not(.open) {
    left: -100%;
  }
  .events-container .events-padding-cols #side-nav-list,
  .api-container .events-padding-cols #side-nav-list,
  .auth-plugin-container .events-padding-cols #side-nav-list,
  .solutions-container .events-padding-cols #side-nav-list,
  .internal-doc-container .events-padding-cols #side-nav-list,
  .events-container .api-padding-cols #side-nav-list,
  .api-container .api-padding-cols #side-nav-list,
  .auth-plugin-container .api-padding-cols #side-nav-list,
  .solutions-container .api-padding-cols #side-nav-list,
  .internal-doc-container .api-padding-cols #side-nav-list {
    z-index: 2;
  }
  .events-container .side-show-nav,
  .api-container .side-show-nav,
  .auth-plugin-container .side-show-nav,
  .solutions-container .side-show-nav,
  .internal-doc-container .side-show-nav {
    left: 100vw;
  }
  .events-container .api-overview .api-desc,
  .api-container .api-overview .api-desc,
  .auth-plugin-container .api-overview .api-desc,
  .solutions-container .api-overview .api-desc,
  .internal-doc-container .api-overview .api-desc {
    padding-top: 11px;
    font-size: 18px;
  }
  .events-container .api-overview .operation-desc,
  .api-container .api-overview .operation-desc,
  .auth-plugin-container .api-overview .operation-desc,
  .solutions-container .api-overview .operation-desc,
  .internal-doc-container .api-overview .operation-desc,
  .events-container .api-overview .view-operation,
  .api-container .api-overview .view-operation,
  .auth-plugin-container .api-overview .view-operation,
  .solutions-container .api-overview .view-operation,
  .internal-doc-container .api-overview .view-operation {
    font-size: 14px;
  }
  .events-container .api-overview .api-overview-details .api-details,
  .api-container .api-overview .api-overview-details .api-details,
  .auth-plugin-container .api-overview .api-overview-details .api-details,
  .solutions-container .api-overview .api-overview-details .api-details,
  .internal-doc-container .api-overview .api-overview-details .api-details {
    padding: 5%;
  }
  .events-container .api-overview .api-overview-details .api-details .apis-list .view-apis,
  .api-container .api-overview .api-overview-details .api-details .apis-list .view-apis,
  .auth-plugin-container .api-overview .api-overview-details .api-details .apis-list .view-apis,
  .solutions-container .api-overview .api-overview-details .api-details .apis-list .view-apis,
  .internal-doc-container .api-overview .api-overview-details .api-details .apis-list .view-apis {
    font-size: 12px;
  }
  .events-container .api-overview .api-overview-details .no-meta,
  .api-container .api-overview .api-overview-details .no-meta,
  .auth-plugin-container .api-overview .api-overview-details .no-meta,
  .solutions-container .api-overview .api-overview-details .no-meta,
  .internal-doc-container .api-overview .api-overview-details .no-meta {
    max-width: 100vw;
  }
  .events-container .api-overview .api-overview-details .no-meta .meta-icon,
  .api-container .api-overview .api-overview-details .no-meta .meta-icon,
  .auth-plugin-container .api-overview .api-overview-details .no-meta .meta-icon,
  .solutions-container .api-overview .api-overview-details .no-meta .meta-icon,
  .internal-doc-container .api-overview .api-overview-details .no-meta .meta-icon {
    max-width: 90vw;
  }
  .events-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-heading,
  .api-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-heading,
  .auth-plugin-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-heading,
  .solutions-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-heading,
  .internal-doc-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-heading {
    font-size: 24px;
  }
  .events-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-desc,
  .api-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-desc,
  .auth-plugin-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-desc,
  .solutions-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-desc,
  .internal-doc-container .api-overview .api-overview-details .no-meta .no-meta-text .no-meta-desc {
    font-size: 18px;
  }
  .events-container .api-overview .pre-footer .pre-footer-content button,
  .api-container .api-overview .pre-footer .pre-footer-content button,
  .auth-plugin-container .api-overview .pre-footer .pre-footer-content button,
  .solutions-container .api-overview .pre-footer .pre-footer-content button,
  .internal-doc-container .api-overview .pre-footer .pre-footer-content button {
    width: 100%;
  }
  .events-container .api-landing-content .landing-products .landing-product .product-detail,
  .api-container .api-landing-content .landing-products .landing-product .product-detail,
  .auth-plugin-container .api-landing-content .landing-products .landing-product .product-detail,
  .solutions-container .api-landing-content .landing-products .landing-product .product-detail,
  .internal-doc-container .api-landing-content .landing-products .landing-product .product-detail {
    background-size: 40px 60%;
  }
  .events-container .api-landing-content .landing-products .landing-product .product-detail .product-desc,
  .api-container .api-landing-content .landing-products .landing-product .product-detail .product-desc,
  .auth-plugin-container .api-landing-content .landing-products .landing-product .product-detail .product-desc,
  .solutions-container .api-landing-content .landing-products .landing-product .product-detail .product-desc,
  .internal-doc-container .api-landing-content .landing-products .landing-product .product-detail .product-desc {
    font-size: 14px;
  }
  .events-container .api-container .content-padding,
  .api-container .api-container .content-padding,
  .auth-plugin-container .api-container .content-padding,
  .solutions-container .api-container .content-padding,
  .internal-doc-container .api-container .content-padding {
    padding-right: 5%;
    padding-left: 5%;
  }
  .events-container .common-header .common-header-content .header-text h1,
  .api-container .common-header .common-header-content .header-text h1,
  .auth-plugin-container .common-header .common-header-content .header-text h1,
  .solutions-container .common-header .common-header-content .header-text h1,
  .internal-doc-container .common-header .common-header-content .header-text h1 {
    font-size: 24px;
  }
  .events-container .common-header .common-header-content .header-text span,
  .api-container .common-header .common-header-content .header-text span,
  .auth-plugin-container .common-header .common-header-content .header-text span,
  .solutions-container .common-header .common-header-content .header-text span,
  .internal-doc-container .common-header .common-header-content .header-text span {
    font-size: 16px;
  }
  .events-container .header-text span,
  .api-container .header-text span,
  .auth-plugin-container .header-text span,
  .solutions-container .header-text span,
  .internal-doc-container .header-text span {
    font-size: 16px;
  }
  .events-container .content-padding,
  .api-container .content-padding,
  .auth-plugin-container .content-padding,
  .solutions-container .content-padding,
  .internal-doc-container .content-padding {
    padding-right: 20px;
    padding-left: 20px;
  }
  .events-container .content-panel .level4,
  .api-container .content-panel .level4,
  .auth-plugin-container .content-panel .level4,
  .solutions-container .content-panel .level4,
  .internal-doc-container .content-panel .level4 {
    color: #5a5f62;
    height: 75px;
  }
  .events-container .content-panel .level3,
  .api-container .content-panel .level3,
  .auth-plugin-container .content-panel .level3,
  .solutions-container .content-panel .level3,
  .internal-doc-container .content-panel .level3 {
    color: #5a5f62;
    height: 130px;
  }
  .events-container .devresources-container .devresources-content .devresources-instructions .text-center-desc,
  .api-container .devresources-container .devresources-content .devresources-instructions .text-center-desc,
  .auth-plugin-container .devresources-container .devresources-content .devresources-instructions .text-center-desc,
  .solutions-container .devresources-container .devresources-content .devresources-instructions .text-center-desc,
  .internal-doc-container .devresources-container .devresources-content .devresources-instructions .text-center-desc {
    padding-bottom: 10px;
  }
  .events-container .roleName-display > a:after,
  .api-container .roleName-display > a:after,
  .auth-plugin-container .roleName-display > a:after,
  .solutions-container .roleName-display > a:after,
  .internal-doc-container .roleName-display > a:after {
    position: static;
  }
  .events-container .timeout-modal,
  .api-container .timeout-modal,
  .auth-plugin-container .timeout-modal,
  .solutions-container .timeout-modal,
  .internal-doc-container .timeout-modal {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .events-container .social-icons,
  .api-container .social-icons,
  .auth-plugin-container .social-icons,
  .solutions-container .social-icons,
  .internal-doc-container .social-icons {
    text-align: left;
  }
  .events-container .application-content .app-permissions .permissions-nav,
  .api-container .application-content .app-permissions .permissions-nav,
  .auth-plugin-container .application-content .app-permissions .permissions-nav,
  .solutions-container .application-content .app-permissions .permissions-nav,
  .internal-doc-container .application-content .app-permissions .permissions-nav {
    margin-left: -35px;
  }
  .events-container .apps-container .application-container .permissions-content .app-permissions,
  .api-container .apps-container .application-container .permissions-content .app-permissions,
  .auth-plugin-container .apps-container .application-container .permissions-content .app-permissions,
  .solutions-container .apps-container .application-container .permissions-content .app-permissions,
  .internal-doc-container .apps-container .application-container .permissions-content .app-permissions {
    width: 175px;
  }
  .events-container .errorCodes,
  .api-container .errorCodes,
  .auth-plugin-container .errorCodes,
  .solutions-container .errorCodes,
  .internal-doc-container .errorCodes {
    margin-left: 3px;
    font-size: 14px;
  }
  .events-container .side-show-nav {
    display: inline;
    left: 100%;
  }
  .api-operation-container .api-operation-param .operation-name,
  .api-operation-container .api-operation-param .operation-type {
    text-align: left;
  }
  .api-operation-container .api-operation-body .api-param-child {
    padding-left: 10px;
  }
  .app-button.large-btn {
    width: 100%;
    margin-left: 0;
  }
  .app-button.large-btn + .large-btn {
    margin-top: 10px;
  }
  .app-header {
    height: 54px;
  }
  .app-header .tsys-logo-header {
    padding-top: 0;
    display: flex;
    align-items: center;
    height: 100%;
  }
  .app-header .tsys-logo {
    left: 15px;
    height: 50px;
    width: 150px !important;
  }
  #documentation-submenu {
    top: 54px;
  }
  .app-nav-container .main-menu {
    top: 54px;
    border-top: none;
  }
  .app-nav-container .main-menu.show-menu {
    top: 54px;
    border-top: none;
  }
  .mobile-menu .search svg.fa-search {
    width: 22px;
    height: 22px;
  }
  .mobile-nav-btn .mobile-bars.fa-times {
    width: 22px;
    height: 22px;
    padding: 0;
    background: transparent;
    border-radius: 0;
  }
  .nav-header .product .heading {
    width: auto;
  }
  .app-container .app-content .nav-header > ul li.product .heading {
    width: auto;
  }
  .applications-noapps {
    margin-left: 15px;
    margin-right: 15px;
  }
  .apps-container .apps-content .apps-info-content {
    font-size: 14px;
  }
  .apps-container .apps-content .apps-info-content .tab-info {
    display: block;
    width: 100%;
  }
  .apps-container .apps-content .apps-info-content .tab-info .tab {
    display: inline-block;
  }
  .apps-container .apps-content .apps-info-content .tab-info .caret-down a .api-chevron::before {
    font-family: Roobert, sans-serif;
    content: "Hide Details";
    color: #0278B6;
    font-size: 14px;
  }
  .apps-container .apps-content .apps-info-content .tab-info .caret-down a.collapsed .api-chevron::before {
    font-family: Roobert, sans-serif;
    content: "View Details";
    color: #0278B6;
    font-size: 14px;
  }
  .apps-container .application-container.edit-user-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .apps-container .application-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .apps-container .application-container .application-filter-tabs {
    margin-top: 10px;
  }
  .apps-container .application-container .application-filter-tabs a {
    font-size: 14px;
  }
  .apps-container .application-container .application-content {
    height: auto;
  }
  .apps-container .application-container .application-content .fa-pencil-alt,
  .apps-container .application-container .application-content .fa-pen {
    padding-top: 0px;
  }
  .apps-container .application-container .application-content .fa-pen {
    color: #5E7482;
  }
  .apps-container .application-container .application-content svg {
    font-size: 16px;
  }
  .apps-container .application-container .application-content .apps-component {
    display: block;
  }
  .apps-container .application-container .application-content .apps-component .application-info {
    width: 100%;
  }
  .apps-container .application-container .application-content .apps-component .application-info .apps-info-content .desktop {
    display: none;
  }
  .apps-container .application-container .application-content .apps-component .link-float {
    display: block;
    height: 65px;
  }
  .apps-container .application-container .application-content .apps-component .link-float .desktop {
    display: none;
  }
  .apps-container .application-container .application-content .apps-component .link-float .mobile {
    display: flex;
    justify-content: space-between;
  }
  .apps-container .application-container .application-content .apps-component .link-float .status {
    display: inline-block;
    margin-left: 0px;
    width: 52px;
    margin-bottom: 10px;
  }
  .apps-container .application-container .application-content .apps-component .link-float .status.desktop {
    display: none;
  }
  .apps-container .application-container .application-content .apps-component .link-float .app-title {
    font-family: Roobert Medium, sans-serif;
    font-size: 18px;
  }
  .apps-container .application-container .application-content .apps-component .application-info {
    display: block;
  }
  .api-container .content-padding {
    padding-right: 5%;
    padding-left: 5%;
  }
  .content-padding {
    padding-right: 20px;
    padding-left: 20px;
  }
  .content-panel .level4 {
    color: #5a5f62;
    height: 75px;
  }
  .content-panel .level3 {
    color: #5a5f62;
    height: 130px;
  }
  .devresources-container .devresources-content .devresources-instructions .text-center-desc {
    padding-bottom: 10px;
  }
  .roleName-display > a:after {
    position: static;
  }
  .home-container .login-btn {
    margin-top: 15px;
  }
  .home-container .app-header-image .item {
    transform: scale(0.35);
    margin-top: 120px;
  }
  .home-container .home-marketing-content {
    padding-bottom: 50px;
  }
  .home-container .home-marketing-content .marketing-content {
    padding-top: 0;
    width: 100%;
    margin-left: 0;
  }
  .home-container .home-marketing-content .marketing-content .marketing-icons .marketing-icon {
    height: 50px;
  }
  .home-container .home-marketing-content .marketing-content .marketing-icons .marketing-numbers {
    font-size: 24px;
  }
  .home-container .home-marketing-content .marketing-content .marketing-icons .marketing-icon-desc {
    font-size: 10px;
  }
  .home-container .home-marketing-content .marketing-phone {
    display: none;
  }
  .home-container .homecode-content .homecode-tabs.nav-pills > li {
    width: 100%;
    margin-bottom: 5px;
  }
  .home-container .home-top-content .home-top-title .rotating-text {
    font-size: 30px;
  }
  .home-container .home-top-content .renderButtons .large-btn {
    width: 48%;
  }
  .home-container .home-top-content .renderButtons #explore {
    margin-top: 0px;
    margin-left: 10px;
  }
  .home-container .homestartnow-content .homestartnow-tile {
    padding: 10% 7%;
    height: 245px;
  }
  .home-container .home-api-spotlight .spotlight-desc .desc2 {
    display: block;
  }
  .timeout-modal {
    width: auto;
  }
  .social-icons {
    text-align: left;
  }
  .application-content .app-permissions .permissions-nav {
    margin-left: -35px;
  }
  .apps-container .application-container .no-permissions .no-permission-title {
    font-size: 16px;
  }
  .apps-container .application-container .no-permissions .no-permission-text {
    font-size: 14px;
  }
  .apps-container .application-container .permissions-content {
    display: block;
  }
  .apps-container .application-container .permissions-content .app-permissions {
    width: 175px;
  }
  .apps-container .application-container .permissions-content .app-permissions.desktop-permissions {
    display: none;
  }
  .apps-container .application-container .permissions-content .app-permissions-mobile {
    display: block;
    position: relative;
    padding-top: 10px;
  }
  .apps-container .application-container .permissions-content .app-permissions-mobile .Select-menu-outer {
    z-index: 2;
  }
  .apps-container .application-container .permissions-content .app-permissions-mobile label {
    position: absolute;
    top: 3px;
    left: 10px;
    font-size: 12px;
    z-index: 1;
    background-color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    color: #00406e;
    display: block;
  }
  .pre-footer .pre-footer-content .pre-footer-title {
    font-size: 36px;
  }
  .pre-footer .pre-footer-content .pre-footer-desc {
    padding-bottom: 10%;
  }
  .pre-footer .pre-footer-content button {
    transform: none;
  }
  .getstarted-modal-title {
    font-size: 24px;
  }
  .getstarted-modal-content {
    font-size: 14px;
    padding-right: 2%;
    padding-left: 2%;
  }
  .registration-container .registration-content .form-control {
    width: 95%;
  }
  .contact-us input,
  .contact-us textarea,
  .contact-us .ui-select-control {
    width: 100%;
  }
  .carousel .carousel-inner .landing-product .api-links .row {
    float: none;
  }
  div[name="registerSuccessModal"] {
    overflow-y: hidden;
  }
  div[name="registerSuccessModal"] .modal-dialog {
    width: 100vw;
    height: 100vh;
  }
  div[name="registerSuccessModal"] .modal-dialog .modal-content {
    border-radius: 0px;
    transform: translateY(0%);
    left: 7px;
    top: 45px;
    height: 100vh;
    left: -10px;
  }
  div[name="registerSuccessModal"] .modal-dialog .modal-content .modal-header .btn-close {
    display: none;
  }
  div[name="registerSuccessModal"] .modal-dialog .modal-content .getstarted-modal-title {
    display: block;
    padding-left: 0px;
  }
  div[name="registerSuccessModal"] .modal-dialog .modal-content .getstarted-modal-title .getstarted-modal-body-header {
    padding-left: 0px;
    padding-top: 20px;
  }
  div[name="registerSuccessModal"] .modal-dialog .modal-content .getstarted-modal-title .getstarted-modal-body-header .getstarted-modal-body-desc {
    padding-top: 6px;
  }
  div[name="registerSuccessModal"] .modal-dialog .modal-content .getstarted-modal-footer {
    padding: 0px;
    margin-top: -60px;
  }
  div[name="contactUsSuccessModal"] {
    overflow-y: hidden;
  }
  div[name="contactUsSuccessModal"] .modal-dialog {
    width: 100vw;
    height: 100vh;
  }
  div[name="contactUsSuccessModal"] .modal-dialog .modal-content {
    border-radius: 0px;
    transform: translateY(0%);
    left: 7px;
    top: 45px;
    height: 100vh;
    left: -10px;
  }
  div[name="contactUsSuccessModal"] .modal-dialog .modal-content .modal-header .btn-close {
    display: none;
  }
  div[name="contactUsSuccessModal"] .modal-dialog .modal-content .getstarted-modal-title {
    display: block;
    padding-left: 0px;
  }
  div[name="contactUsSuccessModal"] .modal-dialog .modal-content .getstarted-modal-title .getstarted-modal-body-header {
    padding-left: 0px;
    padding-top: 20px;
  }
  div[name="contactUsSuccessModal"] .modal-dialog .modal-content .getstarted-modal-title .getstarted-modal-body-header .getstarted-modal-body-desc {
    padding-top: 6px;
  }
  div[name="contactUsSuccessModal"] .modal-dialog .modal-content .getstarted-modal-footer {
    padding: 0px;
    margin-top: -60px;
  }
  div[name="GetStartedRegisterConfirmMfa"] {
    overflow-y: auto;
    height: 100vh;
    align-items: flex-start;
  }
  div[name="GetStartedRegisterConfirmMfa"] .modal-dialog {
    top: 0;
    margin-left: 12px;
    margin-right: 12px;
    width: calc(100vw - 24px);
  }
  div[name="GetStartedRegisterConfirmMfa"] .modal-dialog .modal-content {
    border-radius: 10px;
    left: 0px;
    top: 12px;
  }
  .events-application-container .event-app-header .header-content .event-app-title .event-app-subscribe {
    margin-top: 182px;
  }
  .apps-container .apps-content .application-container .application-content .apps-component {
    display: block;
  }
  .apps-container .apps-content .application-container .application-content .apps-component .application-info {
    display: block;
    width: 100%;
  }
  .apps-container .apps-content .application-container .application-content .apps-component .apps-info-content .tab-info {
    display: block;
  }
  .app-content .apps-container .apps-content .application-container {
    padding-left: 20px;
  }
  .app-content .apps-container .apps-content .application-container .application-content {
    padding: 35px 20px;
  }
}
@media (max-width: 767px) and (max-width: 992px) {
  .apps-container .application-container .application-content .apps-component .link-float .status {
    width: 65px;
  }
}
/* For Specific SurfaceDuo layouts */
@media (max-width: 480px) {
  .email-activation-desc {
    margin-top: -10px;
    text-align: left;
  }
  .emailReactivation-desc {
    text-align: left;
  }
  .email-activation-footer {
    float: left;
    width: 40%;
    margin-left: 0px;
  }
  .events-application-container .apps-content {
    padding-top: 30px;
  }
  .events-application-container .applications .cards .event-application-container {
    padding-bottom: 30px;
  }
  .events-application-container .event-app-header .header-content .event-app-title .event-app-subscribe {
    margin-top: 176px;
  }
}
@media (max-width: 480px) {
  .api-container .api-landing-content .landing-products .landing-product .api-links {
    text-align: center;
    padding-left: 0px;
  }
  .api-container .api-data-col {
    font-size: 10px;
  }
  .api-container .illustration .illustration-text {
    padding-top: 5%;
    text-align: center;
  }
  .api-container .illustration .illustration-image {
    text-align: center;
  }
  .api-container .illustration .illustration-image .value-img {
    float: none;
    transform: translateY(-60px) scale(1);
  }
  .api-container.changelog .common-header {
    padding-left: 40px;
  }
  .captcha-container {
    transform: scale(0.8);
    transform-origin: 0 0;
  }
  .app-nav-container .nav-username {
    max-width: 90px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .application-content.user-profile-content {
    min-height: 350px;
    height: 350px;
  }
  .application-content .app-permissions .permissions-nav {
    margin-left: -35px;
  }
  .apps-content.user-profile .application-container.user-profile-container .application-content.user-profile-content {
    padding-bottom: 2.5em;
  }
  .email-Activation-Container {
    padding-top: 0px;
  }
  .email-Activation-Container .registration-content {
    padding-top: 0px;
  }
  .email-Activation-Container .registration-content .registration-component {
    text-align: left;
    padding: 0px;
  }
  .email-Activation-Container .registration-content.success {
    padding-top: 40px;
  }
  .email-Activation-Container .registration-content .email-activation-regtitle {
    font-size: 24px;
    font-family: Roobert Medium, sans-serif;
    color: #00406e;
    display: block;
    padding-top: 20px;
    padding-left: 0px;
  }
  .email-Activation-Container .registration-content .registration-title {
    padding-left: 0px;
  }
  .email-Activation-Container .registration-content .email-activation-footer {
    padding-top: 100px;
    float: left;
    width: 75%;
    margin-left: 0px;
  }
  .email-Activation-Container .registration-content .email-Reactivation-container {
    top: 0px;
    left: 0px;
  }
  .email-Activation-Container .registration-content.success {
    padding-top: 0px;
  }
  .email-Activation-Container .email-activation-regtitle {
    font-size: 24px;
    font-family: Roobert Medium, sans-serif;
    color: #00406e;
    display: block;
    padding-top: 20px;
    padding-left: 0px;
  }
  .email-Activation-Container .registration-title {
    padding-left: 0px;
  }
  .email-Activation-Container .email-activation-footer {
    padding-top: 100px;
    float: left;
    width: 75%;
    margin-left: 0px;
  }
  .email-Activation-Container .email-Reactivation-container {
    top: 0px;
    left: 0px;
  }
  .registration-content.success {
    padding-top: 0px;
  }
  .email-activation-desc {
    padding-left: 0px;
    margin-top: 0px;
    padding-top: 12px;
  }
  .registration-container .registration-content .form-control {
    width: 95%;
  }
  .registration-container .email-activation-footer {
    padding-top: 100px;
  }
  .email-reactivation-desc-container {
    padding-left: 0px;
    margin-top: 0px;
    position: unset;
  }
  .reactivation-reg-title {
    padding-top: 40px;
  }
  .contact-us .content {
    width: 90vw;
  }
  .contact-us input,
  .contact-us textarea,
  .contact-us .ui-select-control {
    width: 100%;
  }
  .carousel .carousel-inner .landing-product {
    height: auto;
  }
  .carousel .carousel-inner .landing-product .api-links {
    padding-left: 0%;
  }
  .carousel .carousel-inner .landing-product .product-title .title {
    text-align: center;
  }
  .app-header {
    box-shadow: none;
  }
  .app-alert-box-container .app-alert {
    width: 100%;
  }
  .app-alert-box-container .app-alert .alert-dismissible {
    width: 100%;
  }
  .app-alert,
  .modal-alert {
    width: 100%;
  }
  .app-alert {
    background-color: #ffffff;
    position: absolute;
    border: 2px solid #DF5660;
    height: 50px;
    top: 150px;
    padding: 0px;
    width: 100%;
  }
  .app-alert > .alert {
    margin-bottom: 0px;
    border-radius: 0px;
    border-width: 0px;
    background-color: #ffffff;
    border: 2px solid #DF5660;
    text-shadow: 0px;
    box-shadow: 0px;
    -webkit-box-shadow: 0px;
    padding: 0px;
    width: 100%;
  }
  .app-alert .alert-dismissible {
    background-color: #ffffff;
    border: none;
    text-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0px;
    height: 100%;
    width: 100%;
  }
  .app-alert .alert-dismissible .btn-close {
    right: 18px;
    top: 10px;
    color: #000000;
    opacity: 1 !important;
  }
  .app-alert .alert-dismissible {
    width: 100%;
  }
  .searchInput input {
    padding: 35px 0px 0px 30px;
  }
  .events-application-container .apps-content {
    padding-top: 30px;
  }
  .events-application-container .applications .cards .event-application-container {
    padding-bottom: 30px;
  }
  .events-application-container .event-app-header .header-content .event-app-title .event-app-subscribe {
    margin-top: 246px;
  }
  div[name="GetStartedRegisterConfirmMfa"] {
    overflow-y: auto;
    height: 100vh;
    align-items: flex-start;
  }
  div[name="GetStartedRegisterConfirmMfa"] .modal-dialog {
    top: 0;
    margin-left: 12px;
    margin-right: 12px;
    width: calc(100vw - 24px);
  }
  div[name="GetStartedRegisterConfirmMfa"] .modal-dialog .modal-content {
    border-radius: 10px;
    left: 0px;
    top: 12px;
  }
  div[name="GetStartedRegisterConfirmMfa"] .button-contain .modal-button,
  div[name="GetStartedRegisterConfirmMfa"] .button-contain .ui-submit-button {
    min-width: 100px;
  }
  #SEARCH .input-group-btn .modalSearchButton {
    display: inline-block;
    width: 100%;
    min-width: 100px;
  }
  .events-application-container .applications .cards .event-application-container .application-content {
    padding: 25px 0px;
  }
  .link-float .status {
    margin-left: 1px;
  }
  .events-application-container .event-app-header .header-content .event-app-title .event-app-subscribe {
    margin-top: 248px;
  }
  .search-modal .modal-content .modal-body .filter-align .scroll-width {
    overflow-y: auto;
    height: calc(100vh - 173px);
  }
}
@media (max-width: 480px) and (min-width: 480px) {
  .app-alert .alert-dismissible {
    width: 60vw;
  }
}
@media (min-width: 3840px) {
  .app-button {
    font-size: 34px;
  }
  .app-button.large-btn {
    width: 360px;
    height: 96px;
  }
}
@media (min-width: 1920px) {
  .carousel .carousel-inner .landing-product {
    height: 350px;
  }
  .carousel .carousel-inner .landing-product .product-desc {
    height: 40%;
  }
  .api-container .api-landing-content .landing-products .landing-product {
    padding: 40px;
  }
  .api-container .api-landing-content .landing-products .landing-product .product-desc {
    margin: 20px 0 20px 0;
  }
}
@media (min-width: 2160px) {
  .app-header {
    padding: 0 18%;
  }
  .pre-footer {
    padding: 48px 20%;
  }
  .app-footer-new {
    padding: 60px 20% 70px 20%;
  }
  .copyright-border-new {
    padding: 40px 20%;
  }
}
/*import last*/
/*
  WEBPACK NOTES

  1. Consider using webpack's less resolver:

  @import "../../node_modules/bootstrap/less/bootstrap.less";

  becomes

  @import "../../node_modules/bootstrap/less/bootstrap.less";

  2. If not using webpack's resolver, webpack less-loader needs the following option:
    loader: "less-loader", options: {
                    paths: [
                        path.resolve(__dirname, "node_modules")
                    ]
                }
  3. If using webpack's resolver, remove the options from the less-loader rule
*/