/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 17 2024 | 13:15:01 */
#apiPage {
	background: transparent;
	padding: 20px 20px;
	max-width: 100%;
}

#apiPage ::selection {
	background-color: #009699;
	color: #ffffff;
}

#apiPage h1,
#apiPage h2,
#apiPage h3,
#apiPage h4,
#apiPage h5 {
	font-family: OpenSans;
	font-weight: 700;
	color: #FFFFFF;
}

/* SIZES */
#turnkeyApp,
#bestPractices,
#introduction,
#invokingApiFunctions,
#listeningToApiEvents,
#quickStart,
#defaultContainer {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: visible;
}

.detailsContainer {
	padding: 0;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: visible;
	width: calc(100% - 310px);
}


/* BACKGROUNDS */
#apiPage .exampleContainer,
#quickStart,
#invokingApiFunctions,
#listeningToApiEvents {
	background-color: #323232;
	border-radius: 12px;
	-webkit-box-shadow: 0px -6px 12px 3px rgba(255,255,255,0.08), 0px 6px 12px 3px rgba(0,0,0,0.5); 
    box-shadow: 0px -6px 12px 3px rgba(255,255,255,0.08), 0px 6px 12px 3px rgba(0,0,0,0.3);
}

/* IMAGES */

#apiPage .exampleContainer .availableMaterialsContainer,
#apiPage .exampleContainer .editablePartsContainer {
	margin-bottom: 20px;
}

#apiPage .exampleContainer .availableMaterialsContainer img,
#apiPage .exampleContainer .editablePartsContainer img,
#invokingApiFunctions img.featuresLevel {
	object-fit: contain;
	margin: 0px;
	width: calc(100% - 40px);
	height: 240px;
	background-color: #F9F9F9;
	border-radius: 12px;
	padding: 10px;
	margin-right: 10px;
	-webkit-box-shadow: 0px -6px 12px 3px rgba(255,255,255,0.08), 0px 6px 12px 3px rgba(0,0,0,0.5); 
    box-shadow: 0px -6px 12px 3px rgba(255,255,255,0.08), 0px 6px 12px 3px rgba(0,0,0,0.3);
}


/* TEXT COLORS */
#apiPage .introContainer .title,
#apiPage .exampleContainer .title {
	color: #FFFFFF;
}

#apiPage .exampleContainer .availableMaterialsContainer .subTitle,
#apiPage .exampleContainer .editablePartsContainer .subTitle {
	color: #F9F9F9;
}

#apiPage .introContainer p,
#apiPage .exampleContainer .text {
	color: #C0C0C0;
}

.textDarkBlue {
	color: #323232;
}

/* BUTTONS */
#turnkeyApp .turnKeyAppTutorialContainer .turnkeyAppExampleContainer .turnkeyAppApplyExampleContainer,
#quickStart .jsTutorialContainer .exampleContainer .applyExampleContainer,
#quickStart .tutorialContainer .exampleContainer .applyExampleContainer {
	background: #009699;
	color: #FFFFFF;
	-webkit-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3), 0px -7px 12px 0px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3), 0px -7px 12px 0px rgba(0, 0, 0, 0.08) inset;
	border-radius: 0 0 12px 12px;
}

/* MENU */

#categoriesMainContainer {
	padding-top: 20px;
	margin-right: 10px;
	background-color: #232323;	
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.15);
	border-right: none;
	margin-bottom: 20px;
	border-bottom: none;
	border-radius: 40px 40px 12px 12px;
}

#categoriesContainer {
	width: 250px;
	padding: 0 20px;
}

#categoriesContainer .smallSearchContainer {
	border-radius: 22px;
	background-color: #323232;
	border-bottom: none;
	line-height: unset;
	padding-bottom: 0px;
    -webkit-box-shadow: 0px -6px 12px 3px rgba(255,255,255,0.08), 0px 6px 12px 3px rgba(0,0,0,0.3), 0px 3px 10px 3px rgba(0,0,0,0.05) inset; 
    box-shadow: 0px -6px 12px 3px rgba(255,255,255,0.08), 0px 6px 12px 3px rgba(0,0,0,0.3), 0px 3px 10px 3px rgba(0,0,0,0.05) inset;
}

#categoriesContainer .smallSearchContainer .searchValue {
	color: #C0C0C0;
	background-color: #323232;
	padding-left: 16px;
	border-radius: 30px 12px 12px 30px;
	border: 1px solid #323232;
	border-right: none;
}

#categoriesContainer .smallSearchContainer .searchValue:focus-visible,
#categoriesContainer .smallSearchContainer .searchValue:focus {
	outline: none;
	border: 1px solid #323232;
	color: #FFFFFF;
	background-color: #1A1A1A;
}

#categoriesContainer .smallSearchContainer .searchResults {
	background-color: #1A1A1A;
	border-left: 1px solid #323232;
	border-right: 1px solid #323232;
	border-bottom: none;
    -webkit-box-shadow: 0px 6px 20px 3px rgba(0,0,0,0.08); 
    box-shadow: 0px 6px 20px 3px rgba(0,0,0,0.08);
	border-radius: 4px 4px 12px 12px;
	color: #F9F9F9;
	padding: 10px 0;
}

#categoriesContainer .smallSearchContainer .searchResults .listElem:hover {
	background-color: #009699;
	color: #FFFFFF;
}

#categoriesContainer .smallSearchContainer .searchLabel::before {
	color: #FFFFFF;
	font-size: 24px;
	padding-left: 6px;
}

#categoriesContainer .menuListMainElem .subContainer {
	padding-left: 12px;
}

#categoriesContainer .menuListMainElem .subContainer .menuElemTitle.categoryOvered {
	color: #FFFFFF;
}

#categoriesContainer .menuListMainElem .subContainer .menuElemTitle.activeCategory {
	background-color: #ffffff;
	color: #323232;
	padding: 0px 10px;
	border-radius: 12px;
	font-weight: 600;
}

#categoriesContainer .menuListMainElem .menuElemTitle {
	color: #FFFFFF;
}

#categoriesContainer .menuListMainElem .subContainer .menuElemTitle {
	color: #C0C0C0;
}

/* HOME */
#apiPage .introContainer {
	padding: 20px;
}

/* QUICK START */

#turnkeyApp .turnKeyAppTutorialContainer .turnkeyAppExampleContainer .turnkeyAppExampleSubContainer,
#quickStart .jsTutorialContainer .exampleContainer .exampleSubContainer,
#quickStart .tutorialContainer .exampleContainer .exampleSubContainer {
	border: 10px solid #1A1A1A;
	padding: 5px;
	color: #f9f9f9;
	background: #1A1A1A;
	outline: none;
	border-radius: 12px 12px 0 0;
}

#turnkeyApp .turnKeyAppResultContainer,
#quickStart .resultContainer {
	border-radius: 12px;
	overflow: hidden;
}


/* API PRINCIPLES */
#listeningToApiEvents fieldset,
#invokingApiFunctions fieldset {
	padding: 0 20px 20px;
	box-sizing: border-box;
	background-color: #232323;
	border-color: #4b4b4b;
	border-radius: 20px;
	border-width: 1px 0 0 0;
	margin: 20px 0px;
	box-shadow: 0px 6px 10px 0px rgba(0,0,0,.15);
}

#listeningToApiEvents fieldset p,
#invokingApiFunctions fieldset p {
	color: #C0C0C0;
	line-height: initial;
	margin: 20px 0;
}

#listeningToApiEvents fieldset legend,
#invokingApiFunctions fieldset legend {
	padding: 0px;
}

#listeningToApiEvents fieldset legend .title,
#invokingApiFunctions fieldset legend .title {
	padding: 5px 15px;
	margin: 0px;
	color: #ffffff;
	background-color: #232323;
	border-top: 1px solid #4b4b4b;
	border-radius: 20px;
}

#listeningToApiEvents fieldset code,
#invokingApiFunctions fieldset code {
	border: 6px solid #232323;
	border-radius: 12px;
	box-shadow: 0px -6px 12px 3px rgba(255,255,255,.08),0px 6px 12px 3px rgba(0,0,0,.3);
	color: #ffffff;
	background-color: #1a1a1a;
}

#invokingApiFunctions p {
	color: #c0c0c0;
}

#invokingApiFunctions img.featuresLevel {
	height: 500px;
	width: calc(100% - 20px);
}

.textElem.redirectToAppiEvent {
	color: #d9d9d9;
	cursor: pointer;
}

.textElem.redirectToAppiEvent:hover {
	color: #ffffff;
}

.textElem.redirectToAppiEvent span{
	color: #ffffff;
	font-weight: 600;
}

/* API FUNCTIONS */
.detailsContainer .functionDetailsContainer .titleContainer {
	color: #ffffff;
	margin-left: 20px;
}

.detailsContainer .functionDetailsContainer .functionsContainer {
	border-bottom: none;
	padding: 20px;
	margin-top: 20px;
	background-color: #323232;
	-webkit-box-shadow: 0px -6px 12px 3px rgba(255,255,255,0.08), 0px 6px 12px 3px rgba(0,0,0,0.3), 0px 3px 10px 3px rgba(0,0,0,0.05) inset; 
    box-shadow: 0px -6px 12px 3px rgba(255,255,255,0.08), 0px 6px 12px 3px rgba(0,0,0,0.3), 0px 3px 10px 3px rgba(0,0,0,0.05) inset;
	border-radius: 12px;
}

.detailsContainer .functionDetailsContainer .functionsContainer li {
	color: #C0C0C0;
	width: 100%;
	padding: 2px 0px;
}


.detailsContainer .functionDetailsContainer .functionsContainer li.activeMethod {
	color: #ffffff;
}

.detailsContainer .functionDetailsContainer .functionsContainer li.selectedMethod {
	background-color: #ffffff;
	color: #323232;
	padding: 2px 10px;
	margin: 0;
	border-radius: 12px;
}

.detailsContainer .functionDetailsContainer .functionsContainer li.deprecated {
	color: #FF6868;
}

.detailsContainer .functionDetailsContainer .functionsContainer li.selectedMethod.deprecated {
	background-color: #FF4646;
}

.detailsContainer .functionDetailsContainer .functionContainer .apiFunctionTitle,
.detailsContainer .functionDetailsContainer .functionContainer .apiFunctionLevel,
.detailsContainer .functionDetailsContainer .functionContainer .apiTips,
.detailsContainer .functionDetailsContainer .functionContainer .apiFunctionDescription {
	margin-left: 20px;
}

.detailsContainer .functionDetailsContainer .functionContainer .apiFunctionLevel,
.detailsContainer .functionDetailsContainer .functionContainer .apiTips,
.detailsContainer .functionDetailsContainer .functionContainer .apiFunctionDescription {
	color: #c0c0c0;
}

.detailsContainer .functionDetailsContainer .functionContainer .apiFunctionDescription span {
	color: #ffffff;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributesContainer {
	border-radius: 12px;
	overflow: hidden;
	margin-top: 20px;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer {
	padding-left: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #232323;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer:last-child {
	padding-bottom: 6px;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .attributeNameMainContainer {
	margin-left: 6px;
	width: calc(45% - 63px);
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .attributeDefinitionContainer {
	width: calc(55% - 63px);
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .attributeNameContainer {
	font-weight: 600;
	color: #f9f9f9;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .textDarkBlue {
	color: #f9f9f9;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer.evenAttribute {
	background-color: #323232;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer.evenAttribute .subAttributeContainer{
	margin-top: 3px;
	border-left: 3px solid #232323;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .attributeOptionalContainer {
	border-radius: 12px;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .subDataAttributeContainer {
	background: linear-gradient(#323232, #232323);
	margin-right: 10px;
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.3), 0px 2px 0px 0px rgb(75, 75, 75)inset;
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.3), 0px 2px 0px 0px rgb(75, 75, 75)inset;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .subDataAttributeContainer .subDataAttributeContainerUpArrow {
	border-bottom: 10px solid #4b4b4b;
	top: -8px;
	left: calc(45% - 18px) !important;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .attributeOptionalContainer,
.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .subDataAttributeContainer .attributeContainer .attributeOptionalContainer {
	background-color: #e2af57;
	color: #fff;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .attributeDefinitionContainer,
.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .subDataAttributeContainer .attributeContainer .attributeNameMainContainer,
.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .subDataAttributeContainer .attributeContainer .attributeDefinitionContainer {
	color: #C0C0C0;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .attributeTypeContainer {
	background-color: #1a1a1a;
	color: #c0c0c0;
	border-radius: 12px;
	padding: 3px 10px;
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .dataAttributeTypeContainer {
	background-color: #4b4b4b;
	color: #ffffff;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5); 
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
}

.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .dataAttributeTypeContainer:hover {
	background-color: #1a1a1a;
}

.detailsContainer .functionDetailsContainer .functionContainer .eventContainer,
.detailsContainer .functionDetailsContainer .functionContainer .eventFunctionsContainer {
	width: 100%;
	border-bottom: none;
	margin-left: 0px;
	background-color: #323232;
	-webkit-box-shadow: 0px -6px 12px 3px rgba(255,255,255,0.08), 0px 6px 12px 3px rgba(0,0,0,0.5); 
    box-shadow: 0px -6px 12px 3px rgba(255,255,255,0.08), 0px 6px 12px 3px rgba(0,0,0,0.3);
	border-radius: 22px;
	transition: background-color .3s;
}

.detailsContainer .functionDetailsContainer .functionContainer .eventFunctionsContainer {
	cursor: default;
}

.detailsContainer .functionDetailsContainer .functionContainer .eventContainer.eventContainerOver {
	background-color: #232323;
}

.detailsContainer .functionDetailsContainer .functionContainer .eventContainer .eventTitleContainer,
.detailsContainer .functionDetailsContainer .functionContainer .eventFunctionsContainer .eventFunctionsContainerTitle {
	color: #d9d9d9;
}

.detailsContainer .functionDetailsContainer .functionContainer .eventContainer .eventNameContainer,
.detailsContainer .functionDetailsContainer .functionContainer .eventFunctionsContainer .eventFunctionsContainerList .eventFunctionsContainerListElem {
	width: fit-content;
	color: #323232;
	padding: 3px 15px;
	background-color: #f9f9f9;
	border-radius: 15px;
	margin-left: 0px;
	transition: margin-left .3s ease-in-out;
}

.detailsContainer .functionDetailsContainer .functionContainer .eventFunctionsContainer .eventFunctionsContainerList .eventFunctionsContainerListElem {
	margin-bottom: 10px;
}

.detailsContainer .functionDetailsContainer .functionContainer .eventFunctionsContainer .eventFunctionsContainerList {
	padding-left: 20px;
}

.detailsContainer .functionDetailsContainer .functionContainer .eventFunctionsContainer .eventFunctionsContainerList .eventFunctionsContainerListElem {
	margin-bottom: 10px;
}

.detailsContainer .functionDetailsContainer .functionContainer .eventContainer.eventContainerOver .eventNameContainer,
.detailsContainer .functionDetailsContainer .functionContainer .eventFunctionsContainer .eventFunctionsContainerList .eventFunctionsContainerListElem.eventFunctionsContainerListElemOver {
	margin-left: 5px;
	color: #1a1a1a;
	cursor: pointer;
}

.detailsContainer .exampleContainer {
	border-top-left-radius: 0px !important;
	padding: 20px;
}

.detailsContainer .exampleContainer .tutorialContainerTab {
	border-radius: 12px 12px 0 0;
	-webkit-box-shadow: 0px -12px 12px 3px rgba(255,255,255,0.04); 
    box-shadow: 0px -12px 12px 3px rgba(255,255,255,0.04);
	overflow: hidden;
	top: -32px;
}

.detailsContainer .exampleContainer .jsTutorialContainerTab,
.detailsContainer .exampleContainer .scriptTutorialContainerTab {
	background-color: #232323;
	color: #c0c0c0;
	transition: all .2s ease-in-out;
}

.detailsContainer .exampleContainer .jsTutorialContainerTab:hover,
.detailsContainer .exampleContainer .scriptTutorialContainerTab:hover {
	background-color: #323232;
	color: #ffffff;
}

.detailsContainer .exampleContainer .jsTutorialContainerTab.selected,
.detailsContainer .exampleContainer .scriptTutorialContainerTab.selected {
	background-color: #323232;
	color: #ffffff;
}

.detailsContainer .exampleContainer .jsTutorialContainerTab.disabled,
.detailsContainer .exampleContainer .scriptTutorialContainerTab.disabled {
	background-color: #1a1a1a;
	color: #4b4b4b;
}

.detailsContainer .exampleContainer .viewerResponseContainerTitle {
	color: #ffffff;
}

.detailsContainer .exampleContainer .jsTutorialContainer .examplesSubcontainer,
.detailsContainer .exampleContainer .tutorialContainer .examplesSubcontainer,
.detailsContainer .exampleContainer .jsTutorialContainer .viewerResponseContainer,
.detailsContainer .exampleContainer .tutorialContainer .viewerResponseContainer {
	border: 10px solid #1A1A1A;
	padding: 5px;
	color: #f9f9f9;
	background: #1A1A1A;
	outline: none;
	border-radius: 12px 12px 0 0;
	resize: vertical;
}

.detailsContainer .exampleContainer .jsTutorialContainer .resetButtonContainer,
.detailsContainer .exampleContainer .tutorialContainer .resetButtonContainer,
.detailsContainer .exampleContainer .jsTutorialContainer .resetViewerResponseContainer,
.detailsContainer .exampleContainer .tutorialContainer .resetViewerResponseContainer {
	background: #232323;
	color: #c0c0c0;
	-webkit-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3), 0px -7px 12px 0px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3), 0px -7px 12px 0px rgba(0, 0, 0, 0.08) inset;
	border-radius: 0 0 0 12px;
}

.detailsContainer .exampleContainer .jsTutorialContainer .resetViewerResponseContainer,
.detailsContainer .exampleContainer .tutorialContainer .resetViewerResponseContainer {
	border-radius: 0 0 12px 12px;
}

.detailsContainer .exampleContainer .jsTutorialContainer .applyButtonContainer,
.detailsContainer .exampleContainer .tutorialContainer .applyButtonContainer {
	background: #009699;
	color: #FFFFFF;
	-webkit-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3), 0px -7px 12px 0px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3), 0px -7px 12px 0px rgba(0, 0, 0, 0.08) inset;
	border-radius: 0 0 12px 0;
}

.detailsContainer .exampleContainer .jsViewerContainer,
.detailsContainer .exampleContainer .viewerContainer {
	border-radius: 12px;
	overflow: hidden;
	bottom: calc(50% - 220px);
}

.detailsContainer .exampleContainer .jsTutorialContainer .viewerResponseContainer > div[data-result="success"],
.detailsContainer .exampleContainer .tutorialContainer .viewerResponseContainer > div[data-result="success"] {
	color: #ffffff;
	border-bottom: 2px solid #00b1ab;
}

.detailsContainer .exampleContainer .jsTutorialContainer .viewerResponseContainer > div[data-result="error"],
.detailsContainer .exampleContainer .tutorialContainer .viewerResponseContainer > div[data-result="error"] {
	color: #FF6868;
	border-bottom: 2px solid #991212;
}

.detailsContainer .exampleContainer .jsTutorialContainer .viewerResponseContainer > div[data-result="default"],
.detailsContainer .exampleContainer .tutorialContainer .viewerResponseContainer > div[data-result="default"] {
	color: #C0C0C0;
	border-bottom: 2px solid #4b4b4b;
}

.detailsContainer .exampleContainer .imageContainer {
	display: flex;
	flex-direction: column;
	width: 50%;
}

.detailsContainer .exampleContainer .imageContainer .title {
	width: 100%;
	line-height: 60px;
}

/* BEST PRACTICES */
#bestPractices p,
#bestPractices ul li {
	color: #c0c0c0;
}

#bestPractices ul li::before {
	color: #ffffff;
}

/* MEDIA QUERIES */
@media screen and (max-width: 1180px) {
	#apiPage {
		padding: 20px;
	}
}

@media screen and (max-width: 960px) {
	#categoriesMainContainer {
		padding: 20px 0 20px 0;
	}
	
	#categoriesMainContainer #categoriesContainer {
		width: calc(100% - 40px);
	}
	
	#turnkeyApp,
	#bestPractices,
	#introduction,
	#invokingApiFunctions,
	#listeningToApiEvents,
	#quickStart,
	#defaultContainer {
		margin-left: 0px;
		overflow: visible;
	}
	
	.detailsContainer {
		margin-left: 0px;
		width: 100%;
		overflow: visible;
	}
	
	.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer {
		padding-left: 6px;
	}
	
	.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .subDataAttributeContainer {
		margin-left: 4px;
		margin-right: 6px;
		width: calc(100% - 10px);
		padding: 0px;
	}
	
	.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .subDataAttributeContainer.activeSubDataAttributeContainer {
		padding: 6px;
	}
}

@media screen and (max-width: 768px) {
	.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .subDataAttributeContainer .attributeContainer .attributeNameMainContainer,
	.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .attributeNameMainContainer {
		width: calc(100% - 104px);
	}
		
	.detailsContainer .functionDetailsContainer .functionContainer .attributeContainer .subDataAttributeContainer .subDataAttributeContainerUpArrow {
		left: calc(100% - 55px) !important;
	}
	
	.detailsContainer .exampleContainer .jsViewerContainer,
	.detailsContainer .exampleContainer .viewerContainer {
		position: relative;
	}
	
	.detailsContainer .exampleContainer .jsTutorialContainer .examplesSubcontainer,
	.detailsContainer .exampleContainer .tutorialContainer .examplesSubcontainer {
		width: 100%;
	}
	
	.detailsContainer .exampleContainer .jsTutorialContainer .applyButtonContainer,
	.detailsContainer .exampleContainer .tutorialContainer .applyButtonContainer {
		width: calc(100% - 150px);
	}
	
	.detailsContainer .exampleContainer .jsTutorialContainer .viewerResponseContainer,
	.detailsContainer .exampleContainer .tutorialContainer .viewerResponseContainer {
		width: 100%;
	}
	
	.detailsContainer .exampleContainer .jsTutorialContainer .resetViewerResponseContainer,
	.detailsContainer .exampleContainer .tutorialContainer .resetViewerResponseContainer {
		width: 100%;
	}
}