/* FONTS */

@import url('https://fonts.googleapis.com/css?family=Mukta+Mahee:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,500,600');

/* GENERAL */

body{background:#fff;text-align:left;font-weight:300;font-size:18px;line-height:1;color:#6b6d7a;cursor:default;position:relative;margin:0 auto;width:auto;min-width:320px;overflow-y:scroll;font-family:'Mukta Mahee',sans-serif;height:100%;min-height:100%;}
*{box-sizing:border-box;font-family:'Mukta Mahee',sans-serif;padding:0;margin:0;vertical-align:baseline;}
a:link, a:visited, a:active{color:inherit;text-decoration:none;transition:ease-in 100ms;}
a:hover, a:visited:hover{color:#52cca5;}

.button{border-radius:3px;padding:10px 15px;background-color:#46474f;color:#fff;font-size:16px;font-weight:600;width:auto;align-items:center;margin:0 0 0 auto;cursor:pointer;border:0;transition:all .2s ease;-webkit-font-smoothing: antialiased;}
.button:hover{background-color:#5667ff;color:#fff;}
.button.blue{background:#5667ff;color:#fff;text-decoration:none;}
.button.blue:hover{background-color:#52cca5;color:#fff;}
.button.green{background:#52cca5;color:#fff;text-decoration:none;}
.button.green:hover{background-color:#5667ff;color:#fff;}

.content{display:flex;justify-content:space-between;align-items:stretch;padding:40px 40px 40px 380px;}

.content .navigation{background:#f8f9fc;padding:30px 10px;width:340px;position:fixed;left:0;top:0;bottom:0;z-index:1;}
.content .navigation .back_box{padding:20px 30px 20px 30px;margin:-30px -10px 30px -10px;border-bottom:1px solid rgba(0,0,80,0.1);display:flex;align-items:center;}
.content .navigation .back_box:hover{background:#ebecf3;border-color:#ebecf3;}
.content .navigation .back_box .icon{width:16px;height:16px;background:url("../images/sprite_icons.svg") no-repeat;background-size:160px 16px;margin-right:6px;flex:none;}
.content .navigation .back_box .icon.back{background-position:-80px 0;}
.content .navigation .back_box .text{font-size:14px;font-weight:600;color:#46474f;}
.content .navigation .logo_box{display:flex;margin:0 0 40px 0;align-items:center;}
.content .navigation .logo_box .logo{width:40px;height:40px;background:url("../images/logo_full.svg") no-repeat;background-size:160px 40px;margin:0 10px 0 0;}
.content .navigation .logo_box .subtitle{margin:0;font-weight:700;font-size:18px;color:#46474f;}
.content .navigation .logo_box .subtitle small{display:block;font-weight:400;font-size:14px;color:#6b6d7a;}
.content .navigation .nav_frame{width:320px;height:calc(100% - 120px);overflow-y:scroll;-webkit-overflow-scrolling:touch;position:fixed;top:20px;bottom:80px;left:10px;right:10px;padding:20px 20px;z-index:999;}
.content .navigation .box{margin-bottom:30px;}
.content .navigation .box:last-child{margin-bottom:0px;}
.content .navigation .title{font-weight:600;margin:8px 0 10px 5px;color:#46474f;font-size:16px;display:flex;align-items:center;}
.content .navigation .title .icon{width:16px;height:16px;background:url("../images/sprite_icons.svg") no-repeat;background-size:160px 16px;margin-right:6px;}
.content .navigation .title .icon.start{background-position:0 0;}
.content .navigation .title .icon.worker{background-position:-32px 0;}
.content .navigation .title .icon.tag{background-position:-48px 0;}
.content .navigation .title .icon.customer{background-position:-64px 0;}
.content .navigation .title .icon.coins{background-position:-96px 0;}
.content .navigation .link{display:flex;flex:none;justify-content:flex-start;margin:-6px 0 -6px 26px;padding:7px 0;align-items:center;font-size:16px;font-weight:400;cursor:pointer;transition:ease-in 100ms;color:#8a8c9b;height:34px;z-index:1;position:relative;}
.content .navigation .link .tag{margin:0 8px 0 0;background:#78829f;font-weight:700;text-transform:uppercase;font-size:12px;color:#fff;padding:5px 7px 5px 7px;border-radius:3px;transition:ease-in 100ms;}
.content .navigation .link.selected{cursor:default;font-weight:400;z-index:2;color:#46474f;}
.content .navigation .link:hover{color:#46474f;}
.content .navigation .link:hover .tag.get, .content .navigation .link.selected .tag.get{background:#3497fd;}
.content .navigation .link:hover .tag.post, .content .navigation .link.selected .tag.post{background:#52cca5;}
.content .navigation .link:hover .tag.patch, .content .navigation .link.selected .tag.patch{background:#ffb070;}
.content .navigation .link:hover .tag.delete, .content .navigation .link.selected .tag.delete{background:#ff5b56;}
.content .navigation .links{position:absolute;bottom:10px;left:30px;right:30px;display:flex;justify-content:flex-start;}
.content .navigation .links a{padding:10px;font-size:14px;font-weight:400;color:#8a8c9b;}
.content .navigation .links a:hover{color:#46474f;}
.content .navigation .links span{padding:10px 10px 10px 0;font-size:14px;font-weight:400;color:#8a8c9b;}

.content .summary{flex:none;width:100%;}
.content .summary .summary_box{}
.content .summary h1{margin:0 0 20px 0;color:#46474f;display:flex;justify-content:flex-start;align-items:center;}
.content .summary h1 .tag{margin:0 8px 0 0;background:#aaafbf;font-weight:700;text-transform:uppercase;font-size:24px;color:#fff;padding:5px 8px 4px 8px;border-radius:4px;}
.content .summary h1 .tag.get{background:#3497fd;}
.content .summary h1 .tag.post{background:#52cca5;}
.content .summary h1 .tag.patch{background:#ffb070;}
.content .summary h1 .tag.delete{background:#ff5b56;}
.content .summary h2{margin:0 0 10px 0;color:#46474f;}
.content .summary h3{margin:0 0 10px 0;color:#46474f;}
.content .summary p{margin:0 0 40px 0;line-height:1.3;}
.content .summary p a:link, .content .summary p a:visited, .content .summary p a:active{text-decoration:underline;}
.content .summary ul{margin:0 0 40px 0;}
.content .summary ul.main_nav{list-style:none;}
.content .summary ul.main_nav li{display:table;cursor:pointer;position:relative;padding:;transition:ease-in 200ms;margin-bottom:2px;}
.content .summary ul.main_nav li:before{content:"";width:5px;height:auto;border-radius:1px;background:#e2e5ef;position:absolute;left:0;top:0;bottom:0;}
.content .summary ul.main_nav li:hover{}
.content .summary .box_get ul.main_nav li{color:#3497fd;}
.content .summary .box_get ul.main_nav li:before{background:#3497fd;}
.content .summary .box_get ul.main_nav li:hover{background:#f1f8ff;border-radius:2px;}
.content .summary .box_post ul.main_nav li{color:#52cca5;}
.content .summary .box_post ul.main_nav li:before{background:#52cca5;}
.content .summary .box_post ul.main_nav li:hover{background:#ebfbf6;border-radius:2px;}
.content .summary .box_patch ul.main_nav li{color:#ffb070;}
.content .summary .box_patch ul.main_nav li:before{background:#ffb070;}
.content .summary .box_patch ul.main_nav li:hover{background:#fff7f0;border-radius:2px;}
.content .summary .box_delete ul.main_nav li{color:#ff5b56;}
.content .summary .box_delete ul.main_nav li:before{background:#ff5b56;}
.content .summary .box_delete ul.main_nav li:hover{background:#ffeeed;border-radius:2px;}

.content .summary .box_get .url{position:relative;background:#f1f8ff;color:#3497fd;border-radius:2px;border-radius:3px;padding:12px 20px 12px 20px;margin:0 0 40px 0;display:table;}
.content .summary .box_get .url:before{content:"";width:5px;height:auto;border-radius:1px;background:#3497fd;position:absolute;left:0;top:0;bottom:0;}
.content .summary .box_post .url{position:relative;background:#ebfbf6;color:#52cca5;border-radius:2px;border-radius:3px;padding:12px 20px 12px 20px;margin:0 0 40px 0;display:table;}
.content .summary .box_post .url:before{content:"";width:5px;height:auto;border-radius:1px;background:#52cca5;position:absolute;left:0;top:0;bottom:0;}
.content .summary .box_patch .url{position:relative;background:#fff7f0;color:#ffb070;border-radius:2px;border-radius:3px;padding:12px 20px 12px 20px;margin:0 0 40px 0;display:table;}
.content .summary .box_patch .url:before{content:"";width:5px;height:auto;border-radius:1px;background:#ffb070;position:absolute;left:0;top:0;bottom:0;}
.content .summary .box_delete .url{position:relative;background:#ffeeed;color:#ff5b56;border-radius:2px;border-radius:3px;padding:12px 20px 12px 20px;margin:0 0 40px 0;display:table;}
.content .summary .box_delete .url:before{content:"";width:5px;height:auto;border-radius:1px;background:#ff5b56;position:absolute;left:0;top:0;bottom:0;}

.content .summary .table{margin:0 0 40px 0;border:4px solid #f8f9fc;border-radius:5px;}
.content .summary .table .tr{display:flex;}
.content .summary .table .tr .th{flex:1;font-weight:700;color:#46474f;padding:15px;border-bottom:2px solid #f8f9fc;font-size:14px;text-transform:uppercase;}
.content .summary .table .tr .td{flex:1;padding:15px;border-bottom:1px solid #f8f9fc;font-size:16px;}
.content .summary .table .tr .td code{font-family:'IBM Plex Mono', "Courier New", Courier, monospace;font-size:13px;}
.content .summary .table .tr .td span.tag{display:inline-flex;background:#f8f9fc;font-size:12px;font-family:'IBM Plex Mono', "Courier New", Courier, monospace;font-size:12px;font-weight:400;padding:5px 7px 5px 7px;border-radius:2px;margin:0 0 2px 2px;}
.content .summary .table .tr .td span.required{display:inline-flex;background:#5767ff;color:#fff;font-size:10px;font-family:'IBM Plex Mono', "Courier New", Courier, monospace;font-size:12px;font-weight:400;padding:5px 7px 5px 7px;border-radius:2px;margin:0 5px 0 0;}
.content .summary .table .tr:last-child .td{border:0;}

.content .summary .box_get .table .tr .td span.required{background:#3497fd;}
.content .summary .box_post .table .tr .td span.required{background:#52cca5;}
.content .summary .box_patch .table .tr .td span.required{background:#ffb070;}
.content .summary .box_delete .table .tr .td span.required{background:#ff5b56;}

.content .summary .table .tr .parameter{flex:1;}
.content .summary .table .tr .type{flex:1;}
.content .summary .table .tr .description{flex:4;}

.content .summary .code_block code{margin:0 0 40px 0;display:block;font-family:'IBM Plex Mono', "Courier New", Courier, monospace;font-size:13px;font-weight:400;line-height:1.5;border:4px solid #f8f9fc;border-radius:5px;padding:15px;}

.content .summary ul.list{margin:-20px 0 40px 20px;list-style:none;}
.content .summary ul.list li{margin-bottom:5px;padding:0;line-height:1.5;position:relative;}
.content .summary ul.list li:before{content:"";position:absolute;left:-20px;top:8px;width:8px;height:8px;background:#46474f;border-radius:2px;}

.content .pre{flex:auto;}

.content .test_box{margin:40px 0 0 0;border-radius:5px;background:#fff;border:4px solid #f8f9fc;padding:0;}
.content .test_box .row{display:flex;justify-content:flex-start;padding:20px 20px 20px 26px;border-bottom:2px solid #f8f9fc;}
.content .test_box .buttons_row{display:flex;justify-content:flex-start;padding:20px 20px 20px 26px;}
.content .test_box .row .element{flex:1;display:flex;}
.content .test_box .row .element label{flex:none;width:180px;font-weight:700;color:#46474f;padding-top:10px;}
.content .test_box .row .element.method{flex:3;padding-right:40px;}
.content .test_box .row .element.url{flex:4;}
.content .test_box .row .element.url label{width:80px;}

.content .test_box .row input{font-family:'Mukta Mahee',sans-serif;font-weight:300;font-size:16px;display:block;text-align:left;border:1px solid #e2e5ef;border-radius:3px;padding:5px 10px;width:100%;margin:0;color:#6b6d7a;}
.content .test_box .row input:focus{outline: none !important;border-color: #52cca5;box-shadow: 0 0 0px 1px #52cca5;}
.content .test_box .row textarea{font-family:'Mukta Mahee',sans-serif;font-weight:300;font-size:16px;display:block;text-align:left;border:1px solid #e2e5ef;border-radius:3px;padding:5px 10px;width:100%;margin:0;height:100px;resize:resizeY;color:#6b6d7a;}
.content .test_box .row textarea:focus{outline: none !important;border-color: #52cca5;box-shadow: 0 0 0px 1px #52cca5;}
.content .test_box .row select::-ms-expand{display:none;}
.content .test_box .row select{font-family:'Mukta Mahee',sans-serif;font-weight:300;font-size:16px;display:block;text-align:left;border:1px solid #e2e5ef;border-radius:3px;padding:3px 36px 3px 8px;width:100%;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;background:#fff url("/images/arrow_down.svg") no-repeat;background-position-x:98%;background-position-y:center;background-position:calc(100% - 15px) center;cursor:pointer;color:#6b6d7a;}
.content .test_box .row select option{font-family:'Mukta Mahee',sans-serif;font-weight:300;font-size:16px;color:#6b6d7a;}
.content .test_box .row select option:disabled{color:#ddd;}
.content .test_box .row select:focus{outline: none !important;border-color:#52cca5;box-shadow:0 0 0px 1px #52cca5;}

.content .test_response{margin:40px 0 0 0;border-radius:5px;background:#272832;display:none;}
.content .test_response .row{display:flex;justify-content:flex-start;padding:20px 20px 20px 26px;}
.content .test_response .row label{flex:none;width:180px;font-weight:700;color:#fff;padding-top:10px;}
.content .test_response .row pre{margin:0;display:block;font-family:'IBM Plex Mono', "Courier New", Courier, monospace;font-size:13px;font-weight:400;line-height:1.5;color:rgba(255,255,255,0.6);padding:10px 0;width:100%;overflow-x:auto;}

@media (max-width: 1200px) {
	
	
}

/* SCROLLBAR */

.ps{overflow:hidden !important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto;}
.ps__rail-x{display:none;height:5px;bottom:0;position:absolute;background-color:#e2e5ef;border-radius:5px;}
.ps__rail-y{display:none;width:5px;right:0;position:absolute;background-color:#e2e5ef;border-radius:5px;}
.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y{display:block;}
.ps__thumb-x{background-color:#aaafbf;border-radius:5px;transition:background-color .2s linear;-webkit-transition:background-color .2s linear;height:5px;bottom:0;position:absolute;cursor:pointer;}
.ps__thumb-y{background-color:#aaafbf;border-radius:5px;transition:background-color .2s linear;-webkit-transition:background-color .2s linear;width:5px;right:0;position:absolute;cursor:pointer;}
@supports (-ms-overflow-style:none){
	.ps{
		overflow:auto !important;
	}
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
	.ps{
		overflow:auto !important;
	}
}