@font-face {
		font-family: 'Roboto';
		font-weight: 300;
		src: url('../../../Content/Fonts/Roboto-Light.ttf');
}

@font-face {
		font-family: 'Roboto';
		font-weight: 400;
		src: url('../../../Content/Fonts/Roboto-Regular.ttf');
}

@font-face {
		font-family: 'Roboto';
		font-weight: 500;
		src: url('../../../Content/Fonts/Roboto-Medium.ttf');
}

* {
		font-family: 'Roboto', sans-serif !important;
		/* font-weight: 400!important; */
}

:root {
		--color-blue: #4A90E2;
		--color-red: #CA1011;
		--color-green: #7DC855;
		--color-orange: #EC7D1B;
		--color-button-border-grey: #C7D2D8;
		--color-input-border-grey: #BDC6CF;
		--color-border-yellow: #F5C205;
		--color-text-yellow: #D07A02;
		--color-nav-blue: #21446F;
		--color-dark-blue: #0C223F;
		--color-light-green: #E7F8DE;
		--color-light-blue: #E2F2FB;
		--color-light-red: #FBE2E2;
		--color-light-yellow: #FAF3D6;
		--color-dark-text: #2B333D;
		--color-text: #5E6977;
		--color-light-text: #86939E;
		--color-border-grey: #C7D2DB;
		--color-background-grey: #FAFAFA;
		--color-background-blue: #21446F;
}

a:hover {
		text-decoration: none !important;
}

input[type="text"], select {
		width: auto;
		height: 26px;
		font-size: 16px;
		line-height: 26px;
		padding: 6px 32px 6px 12px;
		display: inline-block;
		border: 1px solid var(--color-input-border-grey) !important;
		border: 1px solid #BDC6CF !important;
		color: #5E6977 !important;
		color: var(--color-text) !important;
		min-width: 48px;
		border-radius: 3px;
		border-style: solid;
}

		select:not([multiple]) {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				background-image: url('../../../Content/image/drop-down-background.png') !important;
				background-position: calc(100% - 12px) center !important;
				background-repeat: no-repeat !important;
				padding-right: 33px;
				height:  40px;
		}

		select[name=responseContentType] {
				display: block;
				margin-top: 8px;
				width: 200px;
		}

input[type="submit"], input[type=button], button {
		border-width: 1px;
		border-radius: 3px;
		padding: 0 16px !important;
		min-width: 88px;
		font-size: 16px;
		text-align: center;
		line-height: 28px;
		cursor: pointer !important;
		font-weight: 400;
		display: inline-block;
		height: 40px!important;
		border-style: solid;
}

input[type=button], button {
		color: #4A90E2;
		color: var(--color-blue);
		border-color: #C7D2D8;
		border-color: var(--color-button-border-grey);
		background-color: #ffffff;
}

		input[type="submit"], button.auth__button.auth_submit__button {
				background-color: #EC7D1B;
				background-color: var(--color-orange);
				border-color: #EC7D1B;
				border-color: var(--color-orange);
				color: #FFFFFF;
				margin-top: 12px;
				/* box-shadow: none!important; */
		}

		input[type="submit"]:hover, button.auth__button.auth_submit__button:hover,
        input[type="submit"]:focus, button.auth__button.auth_submit__button:focus,
        input[type="submit"]:active, button.auth__button.auth_submit__button:active {
			background-color: #F59139;
		}

.swagger-section .swagger-ui-wrap .info_description {
		padding-bottom: 12px;
		padding-top: 12px;
		line-height: 1;
		color: #5E6977;
		color: var(--color-text);
}

		.swagger-section .swagger-ui-wrap .info_description p {
				line-height: 1.3;
				padding: 0;
		}

.swagger-section #message-bar {
		min-height: 0;
		padding-top: 12px;
}

.swagger-section .api-popup-dialog-wrapper {
	transform: none;
	position: fixed;
	left: calc(50% - 300px);
	top: calc(50% - 300px);
} 

.swagger-section #header #logo .logo__img, .swagger-section #header #logo .logo__title, .swagger-section #api_selector {
		display: none;
}

.swagger-section #header #logo {
		background-image: url('../../../Content/image/logo.png');
		display: block;
		width: 117px;
		height: 25px;
		background-repeat: no-repeat;
}

.swagger-section .swagger-ui-wrap input.parameter {
		width: 75% !important;
		height: 28px !important;
		font-weight: 400;
}

label, td, td p,
.swagger-section .swagger-ui-wrap table tbody.operation-params td span.model-signature {
		font-size: 16px !important;
		font-weight: 400 !important;
		color: #2B333D !important;
		color: var(--color-dark-text) !important;
}

.swagger-section .swagger-ui-wrap table tbody tr td {
		height: 48px;
		vertical-align: middle;
		line-height: 1;
		padding: 0 6px;
}

.swagger-section .swagger-ui-wrap table td p {
		line-height: 1;
		padding: 0;
}


.swagger-section .swagger-ui-wrap .body-textarea {
	width: calc(100% - 12px);
	padding: 6px;
}
.swagger-section .swagger-ui-wrap .required {
	font-weight: normal;
}

.swagger-section .swagger-ui-wrap table {
		border-top: 1px solid #BDC6CF;
		border-top: 1px solid var(--color-border-grey);
		border-bottom: 1px solid #BDC6CF;
		border-bottom: 1px solid var(--color-border-grey);
}

		.swagger-section .swagger-ui-wrap table thead tr th {
				height: 48px;
				color: #5E6977;
				color: var(--color-text);
				font-size: 16px;
				font-weight: 400;
				border-bottom-color: #BDC6CF;
				border-bottom-color: var(--color-border-grey);
		}

		.swagger-section .swagger-ui-wrap table.parameters thead tr th:nth-child(2), .swagger-section .swagger-ui-wrap table.parameters tbody tr td:nth-child(2) {
				width: 110px;
				max-width: 110px;
		}

		.swagger-section .swagger-ui-wrap table.parameters thead tr th:nth-child(4), .swagger-section .swagger-ui-wrap table.parameters tbody tr td:nth-child(4) {
				width: 140px;
				max-width: 140px;
		}

.swagger-section #header {
		background-color: #21446F;
		background-color: var(--color-background-blue);
}

.swagger-section .swagger-ui-wrap .info_title {
		font-weight: 300;
		font-size: 32px;
		padding-bottom: 0;
}

.swagger-section .swagger-ui-wrap ul#resources {
		font-family: "Roboto", sans-serif;
}

		.swagger-section .swagger-ui-wrap ul#resources li.resource > div.heading ul.options li a {
				display: none;
		}

		.swagger-section .swagger-ui-wrap ul#resources li.resource > div.heading:hover ul.options li a {
				display: initial;
		}

		.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation {
				margin: 2px 0;
		}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation:last-child {
						margin-bottom: 0;
				}

		.swagger-section .swagger-ui-wrap ul#resources li.resource div.heading h2 a {
				color: #2B333D !important;
				color: var(--color-dark-text) !important;
				font-size: 16px;
				font-weight: 500;
				font-family: "Roboto", sans-serif;
				margin-left: 24px;
		}

		.swagger-section .swagger-ui-wrap ul#resources li.resource {
				position: relative;
				padding: 4px 0;
		}



				.swagger-section .swagger-ui-wrap ul#resources li.resource:last-child {
						/* padding: 4px 0 0; */
						border-bottom: 1px solid #C7D2DB;
						border-bottom: 1px solid var(--color-border-grey);
						/* height:  48px; */
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource:before {
						content: "\e94b";
						/* use !important to prevent issues with browser extensions that change fonts */
						font-family: 'Proliant-1' !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;
						position: absolute;
						left: 0px;
						top: 16px;
						color: #4A90E2;
						color: var(--color-blue);
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource.active {
						margin-bottom: 0;
						padding-bottom: 0;
				}

						.swagger-section .swagger-ui-wrap ul#resources li.resource.active:before {
								content: "\e94c";
						}

				.swagger-section .swagger-ui-wrap ul#resources li.resource:first-of-type {
						border-top: 1px solid #C7D2DB;
						border-top: 1px solid var(--color-border-grey);
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource div.heading {
						border: none;
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.heading {
						padding: 9px 8px;
						border-color: transparent !important;
						border-width: 0;
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading {
						background-color: #E2F2FB;
						background-color: var(--color-light-blue);
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading {
						background-color: #FBE2E2;
						background-color: var(--color-light-red);
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading {
						background-color: #E2F2FB;
						background-color: var(--color-light-green)
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading {
						background-color: #FAF3D6;
						background-color: var(--color-light-yellow);
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.heading h3 span.http_method a {
						background-color: transparent !important;
						border-radius: 3px;
						border-width: 1px;
						border-style: solid;
						font-size: 14px;
						font-weight: 300;
						padding: 3px 8px 2px;
						min-width: 56px;
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 span.http_method a {
						border-color: #4A90E2;
						border-color: var(--color-blue);
						color: #4A90E2;
						color: var(--color-blue);
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 span.http_method a {
						border-color: #CA1011;
						border-color: var(--color-red);
						color: #CA1011;
						color: var(--color-red);
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span.http_method a {
						border-color: #7DC855;
						border-color: var(--color-green);
						color: #7DC855;
						color: var(--color-green);
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span.http_method a {
						border-color: #F5C205;
						border-color: var(--color-border-yellow);
						color: #D07A02;
						color: var(--color-text-yellow);
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.heading h3 span.path a, .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.heading ul.options li a .markdown p {
						font-size: 14px;
						color: #2B333D;
						color: var(--color-dark-text);
						margin-top: -3px;
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource:hover div.heading ul.options li a, .swagger-section .swagger-ui-wrap ul#resources li.resource.active div.heading ul.options li a {
						color: #4A90E2;
						color: var(--color-blue);
						text-decoration: none;
				}

						.swagger-section .swagger-ui-wrap ul#resources li.resource:hover div.heading ul.options li a, .swagger-section .swagger-ui-wrap ul#resources li.resource.active div.heading ul.options li a:hover {
								color: #4A90E2;
								color: var(--color-blue);
								text-decoration: none;
						}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.content h4 {
						font-size: 26px;
						font-weight: 300;
						color: #2B333D !important;
						color: var(--color-dark-text) !important;
						padding: 16px 0;
				}

				.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.content div.markdown p {
						font-size: 18px;
						font-weight: 400;
						color: #2B333D;
						color: var(--color-dark-text);
						margin-top: 8px;
				}

.swagger-section .swagger-ui-wrap .model-signature .description div p {
		color: #5E6977 !important;
		color: var(--color-text);
		font-weight: 400;
		font-size: 16px !important;
}

.swagger-section .swagger-ui-wrap .model-signature, .swagger-section .swagger-ui-wrap .model-signature .propType {
		color: #5E6977 !important;
		color: var(--color-text) !important;
		font-size: 16px;
}

		.swagger-section .swagger-ui-wrap .model-signature .propName {
				font-weight: 500;
				font-size: 16px;
				color: #2B333D;
				color: var(--color-dark-text);
		}

		.swagger-section .swagger-ui-wrap .model-signature .propOptKey {
				font-style: normal;
		}

		.swagger-section .swagger-ui-wrap .model-signature .signature-container .description {
				/* padding-top: 8px; */
		}

		.swagger-section .swagger-ui-wrap .model-signature .description .strong {
				font-weight: 500;
				font-size: 18px;
				color: #2B333D;
				color: var(--color-dark-text);
				display: inline-block;
				margin-top: 12px;
		}

.swagger-section .swagger-ui-wrap ul#resources li.resource div.heading ul.options {
		margin: 12px 0 0;
}

		.swagger-section .swagger-ui-wrap ul#resources li.resource div.heading ul.options li {
				border: none;
		}

.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content, .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content, .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.head div.content, .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content, .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content, .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content {
		background-color: transparent;
		border: 0;
		padding: 0;
}

.swagger-section .swagger-ui-wrap .model-signature pre, .swagger-section .swagger-ui-wrap .model-signature pre:hover, .swagger-section .hljs, .swagger-section .hljs .json {
		background-color: #2B333D;
		background-color: var(--color-dark-text);
		color: #FEDE53!important;
		/* height: 600px; */
}

.block, .block pre {
	background-color: #2B333D!important;
	background-color: var(--color-dark-text)!important;
	color: #FEDE53!important;
	font-size: 16px!important;
}

.block pre, .snippet_json pre {
	padding: 12px!important;
}

.swagger-section .hljs, .swagger-section .hljs .json, .block {
	padding: 0;
	margin: 0!important;
}

.swagger-section pre code, .swagger-section pre .subst, .swagger-section pre .tag .title, .swagger-section pre .lisp .title, .swagger-section pre .clojure .built_in, .swagger-section pre .nginx .title {
	color: #FEDE53!important;
	font-size: 16px;
}

		.swagger-section .hljs-type, .swagger-section .hljs-string, .swagger-section .hljs-number, .swagger-section .hljs-selector-id, .swagger-section .hljs-selector-class, .swagger-section .hljs-quote, .swagger-section .hljs-template-tag, .swagger-section .hljs-deletion, .swagger-section .swagger-ui-wrap .model-signature pre code {
				color: #FEDE53!important;
				font-size: 16px;
		}


.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.heading ul.options {
		/* float: none; */
		/* padding-left: 24px; */
}

.swagger-section .api-popup-dialog-wrapper {
	font-size: inherit !important;
	padding: 0;
	/* position:  relative; */
}

.swagger-section .api-popup-dialog-wrapper .api-popup-title, .swagger-section .api-popup-dialog-wrapper .api-popup-content, .swagger-section .api-popup-dialog-wrapper .api-popup-actions{
	padding: 0 24px;
	/* background:  #ffffff; */
	/* z-index:  99999; */
	overflow: visible;
	position:  relative;
	margin-bottom:  0;
}

.swagger-section .api-popup-dialog-wrapper .api-popup-title {
	padding-top: 24px;
	font-weight: 300;
	font-size: 32px;
	padding-bottom: 0;
	color: #2B333D;
	color: var(--color-dark-text);
	padding-bottom:  12px;
}

.swagger-section .api-popup-dialog-wrapper .api-popup-actions {
	padding: 12px 24px 24px;
	/* float: right; */
	display:  inline-block;
	margin-left: 113px;
	/* background: transparent; */
}

.swagger-section .auth_container {
	border-bottom: none;
	padding:  0;
	position:  relative;
	overflow: visible;
}

.swagger-section .api-popup-scopes {
	padding: 12px 0 0;
}

.oauth-client-authentication div {
	margin: 6px auto;
}

select.oauth-client-authentication-type {
	margin: 6px auto;
	width: 100%;
}

.oauth-client-authentication div input {
	width: calc(100% - 48px);
	margin: 6px auto;
}

.auth_submit {
	position: absolute;
	bottom: -62px;
	/* z-index: 99999; */
}

.swagger-section .swagger-ui-wrap .auth_inner fieldset + p {
	padding-bottom: 0;
	/* margin-top: 12px; */
}

.auth_inner fieldset label {
	color: #2B333D !important;
	color: var(--color-dark-text) !important;
	font-size: 16px!important;
	font-weight: 500!important;
	font-family: "Roboto", sans-serif;
}

.auth_inner p:last-of-type, .auth_inner p:nth-child(4) {
	display: none;
} 

.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.content div.sandbox_header a {
	font-size: 14px;
	margin-top: 22px;
	color: #4A90E2;
	color: var(--color-blue);
	text-decoration: none;
}

.swagger-section .api-popup-scopes .api-scope-desc {
	padding-left: 24px;
	font-style: normal!important;
}

.swagger-section .api-popup-scopes li:last-of-type {
	padding-bottom: 0;

}

.auth__title {
	font-size: 18px;
	color: #2B333D !important;
	color: var(--color-dark-text) !important;
	font-size: 16px;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
}

.swagger-section .swagger-ui-wrap .model-signature .signature-nav a, .swagger-section .swagger-ui-wrap .model-signature .signature-nav a:hover {
	font-size: 14px;
	margin-top: 22px;
	color: #4A90E2;
	color: var(--color-blue);
}

.swagger-section .swagger-ui-wrap .model-signature .signature-nav .selected, .swagger-section .swagger-ui-wrap .model-signature .signature-nav .selected:hover {
	cursor: default;
	color: #2B333D !important;
	color: var(--color-dark-text) !important;
	font-size: 16px;
	font-weight: 500;
}

.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.content div.response div.block pre {
	line-height: 24px;
}

.swagger-section .authorize__btn_operation {
	background: none;	
	margin-right: 12px;
}

.swagger-section .authorize__btn_operation:before {
	content: "\e96c";
	font-family: 'Proliant-1' !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;
	color: #CA1011;
	color: var(--color-red);
	font-size: 16px;
}

.swagger-section .authorize__btn:hover {
	text-decoration: none!important;
}

.swagger-section .authorize__btn_operation_login:before {
    content: "\e969"!important;
    color: #4A90E2;
    color: var(--color-blue);    
}

.swagger-section .hljs-built_in, .swagger-section .hljs-literal, .swagger-section .hljs-bullet, .swagger-section .hljs-code, .swagger-section .hljs-addition {
	color: #7DC855;
	color: var(--color-green);
}

.auth__button.auth_logout__button {
	color: #ffffff!important;
	background-color: #CA1011;
	background-color: var(--color-red);
}