/* -------------------------------------------- */
body.dev.login{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
body.dev.login .header{
	margin-bottom: 0px;
	height: 60px;
}
.devLoginPage{
	flex-grow: 1;
	padding-bottom: 60px;
	display: flex;
}
.devLoginPage > div{
	 
	align-items: stretch;
}
.devLoginPage > div > div{
}
.devLoginPage > div > .first{
	 
}
.devLoginPage > div > .second{
	 
}
/* -------------------------------------------- */
.subButton{
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
	cursor: pointer;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80px;
}
.subButton:hover{
	text-decoration: underline;
}
/* -------------------------------------------- */
.first{
	display: flex;
	align-items: center;
	justify-content: center;
}
.first img{
	width: auto;
	height: auto;
	max-width: 700px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.first .zag{
	font-size: 24px;
	text-align: center;
}
.first .text{
	font-size: 14px;
	line-height: 18px;
	margin-top: 20px;
	font-weight: 400;
	letter-spacing: .2px;
}
.first .copy{
	margin-top: 20px;
	font-weight: 300;
	color: #a5a5a5;
	font-size: 12px;
	letter-spacing: 0.5px;
}
/* -------------------------------------------- */
.second{
	padding-top: 40px;
}
.second .zag{
	font-size: 14px;
	margin-bottom: 0px;
	padding-left: 2px;
}
.second input{
	width: 100%;
	padding: 7px 10px;
	background: white;
	border: 1px solid #eaeaea;
	font-size: 14px;
	margin-top: 15px;
	box-sizing: border-box;
}
.second .button{
	margin-top: 15px;
}
.second .line{
	width: 100px;
	height: 1px;
	background: #eaeaea;
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
/* -------------------------------------------- */
.loginVia{
	position: relative;
	padding-left: 10px;
	box-sizing: border-box;
}
.loginVia i{
	position: absolute; 
	left: 0px;
	top: 0px;
	font-size: 24px;
}
/* --------------- */
.loginViaTelegram{
	background: #259cd8;
	color: white;
}
.loginViaTelegram:hover{
	background: #207ba9;
}
.loginViaTelegram i{
	left: 10px;
    top: 3px;
}
/* --------------- */
.loginViaFacebook{
	background: #3b5998;
}
.loginViaFacebook:hover{
	background: #283c65;
}
.loginViaFacebook i{
	left: 10px;
    top: 4px;
}
/* --------------- */
.loginViaVK{
	background: #4a76a8;
}
.loginViaVK:hover{
	background: #37577b;
}
.loginViaVK i{
	left: 10px;
    top: 3px;
}
/* --------------- */
.loginViaGoogle{
	background: #e84747;
}
.loginViaGoogle:hover{
	background: #b13636;
}
.loginViaGoogle i{
	left: 10px;
    top: 3px;
}
/* --------------- */
.loginViaTwitter{
	background: #69d6f8;
}
.loginViaTwitter:hover{
	background: #5db9d6;
}
.loginViaTwitter i{
	left: 10px;
    top: 3px;
}
/* -------------------------------------------- */
.register{
	margin-top: 20px;
}
/* -------------------------------------------- */
.footer{
	display: none;
}
@media screen and (max-width: 900px){
	.main > div{
		flex-direction: column;
	}
	.main > div > .second {
	    display: block; 
	    margin-left: 0px;
	}
	.first img{
		max-width: calc(100vw - 20px);
	}
	.first .text{
		text-align: center;
	}
	body.dev.login .header{
		height: 45px;
	}
	.main > div > .second{
		width: 100%;
	}
	.footer{
		display: block;
	}
	.devLoginPage{
		padding-bottom: 0px;
		padding-top: 20px;
	}
	.header .mobileInfo{
		font-size: 12px;
	}
}
/* -------------------------------------------- */
.apiPage > div{
	display: flex;
}
.apiPage .options > div{
	width: 215px;
	box-sizing: border-box;
	padding: 10px 0px;
}
.apiPage .options a{
	display: block;
	padding: 9px 15px;
	font-size: 13px;
	font-size: 13.4px;
	border-left: transparent 5px solid;
	padding-left: 10px;
}
.apiPage .options a.active{
	font-weight: 500;
	border-left: #4299b3 5px solid;
}
.apiPage .options a:hover{
	background: rgba(0,0,0,0.02)
}
.apiPage .options a.selected{
	font-weight: 500;
    border-left: #4299b3 5px solid;
}
.apiPageBody .header{
	margin-bottom: 20px;
}
.apiPage .options > .methods{
	margin-top: 15px;
	padding: 0px;
}
.apiPage .methods .now{
	padding: 15px 15px;
    display: block;
    border: none;
    outline: none;
    width: 100%;
    display: none;
    height: auto;
    box-sizing: border-box;
    border-radius: 0px;
    background: white;
    font-size: 13px;
    line-height: 13px;
    border-bottom: 1px solid #eaeaea;
    float: none;
}
.apiPage .methods .now.nice-select{
	display: block;
}
.apiPage .methods .now.nice-select .list{
	width: 100%;
    border-radius: 0px;
    transition: none;
    border: 1px solid #eaeaea;
    box-shadow: none;
    width: calc(100% + 2px);
    margin-left: -1px;
    max-height: 300px;
    overflow-y: auto;
    margin-top: -1px;
}
.apiPage .methods .option{ 
	padding-left: 10px !important;
	border-left: transparent 5px solid;
}
.apiPage .nice-select:after{
	transition: none;
}
.apiPage .nice-select .option.selected{
	font-weight: 500;
    border-left: #4299b3 5px solid;
}
.apiPage .niceSelect .list::-webkit-scrollbar {
  	width: 5px;
} 
.apiPage .niceSelect .list::-webkit-scrollbar-thumb {
  	background: #dadada;
}
.apiPage .niceSelect .list::-webkit-scrollbar-track {
  	background: white;
}
.apiPage .methodsList{
	padding: 8px 0px;
}
.apiPage .nice-select .option{
	padding-left: 15px;
	padding-right: 15px;
	line-height: 36px;
	min-height: 36px;
}
.apiPage .hideOnSelect.hide{
	display: none !important;
}
/* ------------------- */
.apiPage .contentedData{
	width: auto;
	padding-left: 20px;
	flex-grow: 1;
}
.apiPage .contentedData .zagolovok{
	font-size: 18px;
	margin-bottom: 20px;
}
.apiPage .contentedData .text{
	line-height: 22px;
	font-size: 13.4px;
}
.apiPage .contentedData .text a{
	text-decoration: underline;
}
.apiPage .contentedData .text b{
	font-weight: 500;
}
.apiPage .contentedData .text.q{
	border-left: #4299b3 5px solid;
	padding: 7px 10px;
	margin: 5px 0px;
}
.apiPage .contentedData .groups > div{
	display: flex;
	margin: 15px 0px;
	align-items: center;
}
.apiPage .contentedData .groups > div > div:last-child{
	padding-left: 10px;
}
.apiPage .contentedData .groups .icon{
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	font-size: 12px;
	justify-content: center;
}
.apiPage .contentedData .groups .text{
	line-height: 13px;
	font-size: 13px;
	font-weight: 300;
	padding-bottom: 1px;
	color: #6d6d6d;
}
.apiPage .contentedData .text.textWithMargin{
	margin-bottom: 10px;
}
.apiPage .contentedData .text.empty{
	color: gray;
}
.apiPage .contentedData .subZagolovok{
	font-size: 16px;
	margin-top: 25px;
	margin-bottom: 12px;
}
.apiPage .contentedData .params{
	border-top: 1px solid #eaeaea; 
}
.apiPage .contentedData .params > div{
	display: flex;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #eaeaea; 
}
.apiPage .contentedData .params a:hover{
	text-decoration: underline;
}
.apiPage .contentedData .params > div span{
	display: block;
	color: #6d6d6d;
	font-weight: 300;
	font-size: 13px;
}
.apiPage .contentedData .params > div > div:first-child{
	width: 250px;
	flex-shrink: 0;
}
.apiPage .contentedData .params > div > div:last-child{
	flex-grow: 1;
	line-height: 20px;
}
/* -------------------------------------------- */
.apiPage .sendZapros{
	display: flex;
	
	border: 1px solid #eaeaea;
}
.apiPage .sendZapros > div:first-child{
	padding: 10px;
	border-right: 1px solid #e6e6e6;
    background: #f5f5f5;
	flex-shrink: 0;
}
.apiPage .sendZapros > div:last-child{
	background: white;
	flex-grow: 1;
	padding: 10px;
	padding-top: 35px;
} 
.apiPage .inputs > div{
	padding: 7px 0px;
}
.apiPage .inputs label{
	display: block;
	padding-bottom: 5px;
	font-size: 13.4px;
}
.apiPage .inputs input{
	font-size: 13.4px;
	font-family: 'Roboto', sans-serif;
	padding: 5px 5px;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #bbbbbb;
	background: white;
}
.apiPage .inputs .button{
	width: 170px;
	height: 15px;
	font-size: 13.4px;
	margin-top: 10px;
}
.apiPage .content{
	margin-bottom: 20px;
}
/* -------------------------------------------- */
.apiPage .response pre {
	margin: 0px;
	font-size: 13.4px;
	line-height: 20px;
}
.apiPage .response .string { color: #036a07; }
.apiPage .response .string.url { color: #000fde; text-decoration: underline; }
.apiPage .response .number { color: #0000cd; }
.apiPage .response .boolean { color: blue; }
.apiPage .response .null { color: magenta; }
.apiPage .response .key { color: darkred; }
.apiPage .responseWrapper{
	position: relative;
}
.apiPage .responseWrapper .switcher{
	display: flex;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 12px;
}
.apiPage .responseWrapper .switcher > div{
	padding: 10px;
	color: #adadad;
	cursor: pointer;
}
.apiPage .responseWrapper .switcher > div:hover{
	color: gray;
}
.apiPage .responseWrapper .switcher > div.active{
	color: black !important;
}
/* -------------------------------------------- */
.apiPage .contentedData{
	position: relative;
}
.apiPage .content{

}
/* -------------------------------------------- */
@media screen and (max-width: 900px){
	.apiPage > div{
		align-items: center;
	}
	.apiPage .options > div{
		width: 100vw;
		max-width: 450px;
	}
	.apiPage .sendZapros{
		flex-direction: column;
	}
	.apiPage .response{
		max-width: calc(100vw - 42px);
		overflow: auto;
		box-sizing: border-box;
	}
	.apiPage .contentedData{
		padding: 0px;
	}
	.apiPage .contentedData .params > div > div:first-child{
		width: 100px;
	}
	.apiPage .contentedData .groups .icon{
		flex-shrink: 0;
	}
	.apiPage .content{
		padding: 10px;
	}
	.apiPageBody .header{
		margin-bottom: 20px;
	}
	.apiPage .content{
		margin-bottom: 20px;
	}
	.apiPage .hideOnSelect.hide{
		display: inherit !important;
		pointer-events: none;
		opacity: 0;
	}
	.apiPage .options a{
		padding: 9px 10px;
	}
	.apiPage .methods .now{
		padding: 15px 10px;
	} 
}
/* -------------------------------------------- */
.json-formatter-row{
	font-size: 14px !important;
	line-height: 22px !important;
}
/* -------------------------------------------- */
.json-formatter-row .json-formatter-string, .json-formatter-row .json-formatter-stringifiable{
	white-space: -moz-pre-wrap !important; /* Firefox */
	white-space: -pre-wrap !important; /* ancient Opera */
	white-space: -o-pre-wrap !important; /* newer Opera */
	white-space: pre-wrap !important; /* Chrome; W3C standard */
	word-wrap: break-word !important; /* IE */
	word-break: break-all !important;
}
b{
	font-weight: 500;
}
/* -------------------------------------------- */