@media print {
    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    * {
        -webkit-print-color-adjust: exact;
        //:For Chrome color-adjust: exact;
        //:For Firefox
    }

    body {
        margin: 0;
        color: #000;
        background: #fff;
    }

    li {
        color: #000 !important;
    }

        li strong {
            color: #000 !important;
        }

    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
        }

    .header {
        display: none;
    }

    [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: 95%;
        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
    }

    .content h1, .content h2, .content h3, .content h4, body {
        font-family: 'Lato', Arial, Tahoma, sans-serif;
        font-size: 14px
    }

    .content h1, .content h2, .content h3, .content h4 {
        font-weight: bold
    }

    .content pre, .content code {
        font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif;
        font-size: 12.5px;
        line-height: 1.5
    }

    .content pre, .content code {
        word-break: break-all;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    @font-face {
        font-family: 'slate';
        src: url(../fonts/slate.eot?-syv14m);
        src: url(../fonts/slate.eot?#iefix-syv14m) format("embedded-opentype"),url(../fonts/slate.woff2?-syv14m) format("woff2"),url(../fonts/slate.woff?-syv14m) format("woff"),url(../fonts/slate.ttf?-syv14m) format("truetype"),url(../fonts/slate.svg?-syv14m#slate) format("svg");
        font-weight: normal;
        font-style: normal
    }

    .content aside.warning:before, .content aside.notice:before, .content aside.success:before {
        font-family: 'slate';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1
    }

    .content aside.warning:before {
        content: "\e600"
    }

    .content aside.notice:before {
        content: "\e602"
    }

    .content aside.success:before {
        content: "\e606"
    }

    .tocify, .toc-footer, .lang-selector, .search, #nav-button {
        display: none
    }

    .tocify-wrapper > img {
        margin: 0 auto;
        display: block
    }

    .content {
        font-size: 12px
    }

        .content pre, .content code {
            border: 1px solid #999;
            border-radius: 5px;
            font-size: 0.8em
        }

            .content pre code {
                border: 0
            }

        .content pre {
            padding: 1.3em;
            page-break-before: auto;
        }

        .content code {
            padding: 0.2em
        }

        .content table {
            border: 1px solid #999;
            page-break-before: auto;
            table-layout: fixed;
        }

    .content-logo {
        padding-top: 100px;
        display: block;
    }

    .menubar {
        display: none;
    }

    .content table tr {
        border-bottom: 1px solid #999
    }

    .content table td, .content table th {
        padding: 0.7em
    }

    .content p {
        line-height: 1.5
    }

    .content a {
        text-decoration: none;
        color: #000
    }

    .content h1 {
        font-size: 2.5em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        margin-top: 1em;
        margin-bottom: 21px;
        border: 1px solid #ccc;
        border-width: 1px 0;
        text-align: center;
    }

    .content h2 {
        font-size: 1.8em;
        margin-top: 2em;
        border-top: 1px solid #ccc;
        padding-top: 0.8em;
    }

    .content h1 + h2, .content h1 + div + h2 {
        border-top: none;
        padding-top: 0;
        margin-top: 0
    }

    .content h3, .content h4 {
        font-size: 0.8em;
        margin-top: 1.5em;
        margin-bottom: 0.8em;
        text-transform: uppercase;
        color: black;
    }

    .content h5, .content h6 {
        text-transform: uppercase
    }

    .content aside {
        padding: 1em;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-top: 1.5em;
        margin-bottom: 1.5em;
        line-height: 1.6
    }

        .content aside:before {
            vertical-align: middle;
            padding-right: 0.5em;
            font-size: 14px
        }

    .table-outer {
        width: 100%;
        overflow-x: hidden;
        margin: 0;
    }

    .content-root {
        width: 100%;
        padding-left: 0;
    }

    #toc {
        display: none;
    }

    .hljs {
        display: block;
        overflow-x: auto;
        padding: 0.5em;
    }

    .hljs-string,
    .hljs-section,
    .hljs-selector-class,
    .hljs-template-variable,
    .hljs-deletion {
        color: #a6e22e;
    }

    .hljs-tag,
    .hljs-name,
    .hljs-attr {
        color: #3DB8DE;
    }

    .content ul li, .content strong, .content b {
        color: #000 !important;
    }

    .content h4, .content h5, .content .small-heading, body:not(.big-h3) .content h3 {
        color: #000 !important;
    }
}

@media screen {
    
    /* fonts */
    @font-face {
        font-family: "Inter";
        src: url('../assets/webfonts/Inter-Bold.woff2') format('woff2'),
            url('../assets/webfonts/Inter-Bold.woff') format('woff');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: "Inter";
        src: url('../assets/webfonts/Inter-Medium.woff2') format('woff2'),
            url('../assets/webfonts/Inter-Medium.woff') format('woff');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: "Inter";
        src: url('../assets/webfonts/Inter-Regular.woff2') format('woff2'),
            url('../assets/webfonts/Inter-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: "Inter";
        src: url('../assets/webfonts/Inter-Light.woff2') format('woff2'),
            url('../assets/webfonts/Inter-Light.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    .header {
        background: #003B79;
        padding: 24px 15px 15px 30px;
        position: fixed;
        z-index: 1;
        width: 98%;
    }

    .content-root {
        min-height: 94%;
        max-width: 1134px;
    }

    @media (min-width: 480px) {
        .header li {
            border-left: none;
        }
    }

    .header .right {
        top: 10px;
    }

    .header li a {
        font-size: 14px;
        color: #fff;
    }

    .logo {
        text-align: center;
        padding: 20px;
    }

    .menu a.active:after {
        content: none;
    }

    @media (min-width: 768px) {
        .menubar {
            width: 329px;
            position: fixed;
            top: 40px;
			left: 0;
            height: calc(100% - 40px) !important;
			min-height: calc(100% - 40px); /* 100% - height of .header */
            overflow-y: auto;
			border-right: solid 1px #dfe2e7;
        }

        .content-root {
            padding-left: 329px;
        }
    }

    @media (min-width: 1180px) {
        body:not(.no-literate) .content-root {
            background-color: #EBEBEB;
            -webkit-box-shadow: inset 945px 0 #fff, inset 781px 0 #dfe2e7, inset 790px 0 5px -10px rgba(0,0,0,0.1);
            box-shadow: inset 945px 0 #fff, inset 781px 0 #dfe2e7, inset 790px 0 5px -10px rgba(0,0,0,0.1);
        }
    }

    .tocify {
        border: none;
        border-radius: none;
        position: relative;
        width: auto;
        margin-left: 12%;
        height: calc(100vh - 200px);
    }

    .nav-list > li > a {
        color: #727379;
        font-size: 14px;
        padding: 17px 0 17px 40px;
        font-weight: 700;
        position: relative;
    }

        .nav-list > li > a:after {
            content: "";
            position: absolute;
            left: 31px;
            right: 0;
            height: 1px;
            border-top: 1px solid #ccc;
            z-index: -1;
            width: 149px;
            top: 64px;
        }

    .nav-list > .active > a {
        color: #EE7D11;
        ;
        background: none;
    }

        .nav-list > .active > a:after {
            border-top: 1px solid #003B79;
        }

        .nav-list > .active > a, .nav-list > .active > a:hover {
            color: #EE7D11;
            background-color: transparent;
        }

    .content h2, .content h1 {
        color: #003B79 !important;
        line-height: 38px;
        font-size: 32px;
        font-weight: normal;
        text-transform: none;
        max-width: 615px;
        margin-top: 70px;
        font-family: "Inter", sans-serif;
    }

    .content p {
        /*font-family: Verdana;*/
        font-family: "Inter", sans-serif;
    }

    .menubar {
        font-family: "Inter", sans-serif;
    }

    .content h1:before,
    .content h2:before,
    .content .big-heading:before,
    body.big-h3 .content h3:before {
        content: none;
    }

    body:not(.no-literate) .content > p {
        color: #666666;
        /*font-family: Verdana;*/
        font-family: "Inter", sans-serif;
        font-size: 14px;
        line-height: 24px;
    }

    blockquote p {
        font-family: inherit !important;
        font-size: 100% !important;
    }
    /*blockquote p {
    background-color: #727379;
    margin: 0 -35px;
    padding: 15px 40px !important;
    font-size: 14px;
    margin-bottom: 20px;
}*/
    .content pre, .content pre > code {
        display: block;
        background: #3D3E54;
        font-size: 14px;
        padding: 0 10px;
    }

    code.lang-xml {
        color: #fff;
    }

    .content code {
        /*font-family: Verdana;*/
        font-family: "Inter", sans-serif;
        padding: 1px 3px;
        font-size: 14px;
    }

    .lang-xml .comment,
    .lang-xml .string,
    .lang-xml .number {
        color: #fff;
    }

    .content table tr :nth-child(2n) {
        background-color: #003B79;
    }

    .content table tr > td:nth-child(2n) {
        background-color: transparent;
    }

    .content table tr > td {
        background-color: transparent;
        text-align: center;
        vertical-align: top;
        font-size: 14px;
    }

    .content table {
        border-collapse: collapse
    }

        .content table tr:nth-child(2n+2) {
            background: #F3F3F3;
        }

        .content table tr > td {
            border: 1px solid transparent;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
        }

        .content table tr:last-child > td {
            border-bottom: 1px solid #ccc;
        }

    .tocify-extend-page {
        position: absolute;
        height: 200px;
    }

    .content table tr th {
        text-align: center;
        font-weight: normal;
        border: none;
        margin: 0;
        padding: 6px 13px;
        background: #003B79;
        color: #fff;
        font-size: 14px;
    }

    @media (min-width: 1180px) {
        body:not(.no-literate) .content {
            width: 100%;
        }

            body:not(.no-literate) .content > pre
            /*, 
		body:not(.no-literate) .content > blockquote*/ {
                width: calc(100% - 615px);
                background-color: #3D3E54;
                border-radius: unset;
                color: #FFFFFF;
                /*font-family: Verdana;*/
        font-family: "Inter", sans-serif;
                font-size: 14px;
                line-height: 24px;
                padding: 15px 36px;
            }

            body:not(.no-literate) .content > table {
                margin-left: 40px;
                margin-right: 40px;
                max-width: 615px;
                width: 100%;
            }
    }

    .content > div {
        clear: both;
    }

    .content blockquote {
        text-shadow: none;
    }

    code .keyword {
        font-weight: bold;
        color: #003B79;
    }

    @media (min-width: 1180px) {
        body:not(.no-literate) .content > pre + p,
        body:not(.no-literate) .content > blockquote + p,
        body:not(.no-literate) .content > pre + h4,
        body:not(.no-literate) .content > blockquote + h4,
        body:not(.no-literate) .content > pre + h5,
        body:not(.no-literate) .content > blockquote + h5,
        body:not(.no-literate) .content > pre + h6,
        body:not(.no-literate) .content > blockquote + h6,
		body:not(.no-literate) .content > pre + div	{
            clear: none;
        }
    }

    .hljs {
        display: block;
        overflow-x: auto;
        padding: 0.5em;
    }

    .hljs-string,
    .hljs-section,
    .hljs-selector-class,
    .hljs-template-variable,
    .hljs-deletion {
        color: #a6e22e;
    }

    .hljs-tag,
    .hljs-name,
    .hljs-attr {
        color: #3DB8DE;
    }

    .content-logo {
        display: none;
    }

    .content h1:first-child,
    .content h1:first-child a,
    .content h1:first-child a:visited {
        color: #003B79;
    }

    @media (max-width: 1024px) {
        body:not(.no-literate) .content > pre {
            width: 100%;
        }

        body:not(.no-literate) .content > p {
            width: 100%;
        }

        .tocify {
            margin-left: 0;
        }

        .content-root {
            /*width: calc( 100% - 200px );*/
        }

        .content {
            padding: 2opx;
            margin: 0px;
            max-width: none;
        }

            .content h1 {
                max-width: none;
            }

            .content pre > code {
                border: none;
            }

        blockquote p {
            margin: 0;
            font-size: 14px;
            margin-bottom: 20px;
            color: #fff;
        }

        .content blockquote :last-child {
            padding-bottom: 5px;
        }
    }

    @media (max-width: 768px) {
        .content-root {
            padding-left: 0px;
            width: 100%;
        }
    }

    .table-outer {
        width: 550px;
        overflow-x: scroll;
        margin: 0 20px;
    }

    .content ul > li {
        color: black;
    }

        .content ul > li > ul > li {
            color: black;
        }

    .table-outer {
        overflow-x: scroll;
        max-width: 490px;
        margin-left: 40px;
    }

    .content table tr:not(:first-child) th {
        border: 1px solid transparent;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background-color: transparent;
        color: #505050;
    }

    .content table tr:last-child th {
        border-bottom: 1px solid #ccc;
    }

    .content h2 {
        margin-top: 0;
    }

    body:not(.big-h3) .content h3 {
        font-size: 19.5px;
        color: inherit;
        padding-top: 80px;
    }

    .tocify-subheader.nav-list > li > a {
        padding: 17px 0 17px 50px;
    }

    .form-container h1 {
        margin-top: 18px;
        margin-bottom: 9px;
    }

    .form-container p {
        margin: 0 0 9px;
    }

    .form-group {
        margin-bottom: 10px;
    }

    form input[type=text]:hover, form input[type="email"]:hover, form input[type="password"]:hover, form textarea:hover {
        background-color: #fff;
        border-color: #ee7d11;
    }

    .form-control:hover, .form-control:focus {
        box-shadow: none;
        background-image: none;
        -webkit-border-radius: 4;
        -ms-border-radius: 4;
        -moz-border-radius: 4;
        -o-border-radius: 4;
        border-radius: 4;
    }

    form input[type=text], form input[type="email"], form input[type="password"] {
        height: 44px;
        line-height: 40px;
        text-align: center;
    }

    form input[type=text], form input[type="email"], form input[type="password"], form textarea {
        font-size: 12px;
        padding-left: 10px;
        background-color: white;
        border: 1px solid #cccccc;
        -webkit-appearance: none;
    }

    .form-control {
        -webkit-border-radius: 4;
        -ms-border-radius: 4;
        -moz-border-radius: 4;
        -o-border-radius: 4;
        border-radius: 4;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        font-size: 1em;
        padding: 0 14px;
        width: 100%;
        height: 44px;
        min-width: auto;
        outline: none;
        border: none;
        background: transparent;
        -webkit-transition: color .2s, background-color .2s, border-color .2s;
        -ms-transition: color .2s, background-color .2s, border-color .2s;
        -moz-transition: color .2s, background-color .2s, border-color .2s;
        -o-transition: color .2s, background-color .2s, border-color .2s;
        transition: color .2s, background-color .2s, border-color .2s;
    }

    .form-wrapper {
        padding: 0 40px;
    }

        .form-wrapper input[type="text"], .form-wrapper input[type="password"], .form-wrapper input[type="email"] {
            width: 100%;
        }

    .form-container {
        background: white;
        max-width: 564px;
    }

    body:not(.no-literate) .content > ul {
        width: 600px;
    }

    .table-outer {
        overflow-x: auto;
        max-width: 575px;
        margin-left: 40px;
    }

        .table-outer table {
            width: 99%;
        }
		
		@media (min-width: 992px){
		.collapse{
			height: auto !important;
		}
	}
	@media (max-width: 1024px){
		body:not(.no-literate) .content > pre {
			width: 100%;
		}

		body:not(.no-literate) .content > p {
			width:  100%;
		}
		.tocify {
			margin-left: 0;
		}
		.content-root {
			/*width: calc( 100% - 200px );*/
		}
		.content {
			padding: 20px;
			margin: 0px;
			max-width: 650px;
		}
		.content h1{
			max-width:none;
		}
		.content pre > code{
			border: none;
		}
		blockquote p {
			margin: 0;
			font-size: 14px;
			margin-bottom: 20px;
			color: #fff;
		}
		.content blockquote :last-child {
				padding-bottom: 5px;
		}
		.content blockquote p{
			color: #9090aa;
		}
	}
	@media (max-width: 768px){
		.content-root {
			padding-left: 0px;
			width: 100%;
		}
		.content {
			padding: 30px;
			margin: 0px;
			max-width: 100%;
		}
	}
	
	.table-outer{
		width: 630px;
		overflow-x: scroll;
		margin: 0 20px;
	}
	.content ul > li {
		color: black;
	}
	.content ul > li > ul > li {
		color: black;
	}
	.left{
		display: none;
	}
	@media (max-width: 768px){
		.left{
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}
		.left svg{
			color: #fff;
		}
		.header .right{
			right: 30px;
		}
		.header {
			padding: 24px 15px 17px 30px;
		}
		.menubar{
			background: #fff;
			z-index: 10;
		}
	}
	@media (max-width: 768px){
		.left{
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}
		.left svg{
			color: #fff;
		}
		.header .right{
			right: 30px;
		}
		.header {
			padding: 24px 15px 17px 30px;
			z-index: 11;
			position: fixed;
		}
		.menubar{
			background: #fff;
			z-index: 10;
			position: fixed;
			/*unni's fix*/
			width:100%;
		}
		body:not(.no-literate) .content > blockquote p{
			color: #505050;
		}
		body:not(.no-literate) .content > ul {
			width: 100%;
		}
		.table-outer {
			width: 100%;
			margin: 0 10px;
		}
		p.with-lines:before {
 			width: 30%;
			left: 110px;
		}
		p.with-lines:after {
 			width: 30%;
			right: 110px;
		}
		.form-container.protected-area p.with-lines{
			width: 100%;
			display: block;
			margin: 0;
		}
		.table-outer {
			width: 100%;
			overflow-x: scroll;
			margin: 0;
			max-width: 100%;
		}
		.form-container {
			max-width: 100%;
		}
		.register-here{
			width: 100%;
		}
		.content blockquote p {
			color: #9090aa;
		}
	}
	@media (max-width: 576px){
		.menubar{
			width: 100%;
			/* height: 100vh; */
		}
		.nav-list > li > a {
			font-size: 12px;
			font-weight: 500;
		}
		.header .right {
			right: 50px;
		}
		.table-outer {
			margin: 0 10px;
		}
	}
	@media (min-width: 1180px){
		body:not(.no-literate) .content > p, body:not(.no-literate) .content > ul, body:not(.no-literate) .content > ol, body:not(.no-literate) .content > h4, body:not(.no-literate) .content > h5, body:not(.no-literate) .content > h6, body:not(.no-literate) .content > blockquote {
			float: left;
			clear: left;
			width: 615px;
			padding-right: 40px;
			padding-left: 40px;
			color: #505050;
		}
	}
	.content table tr  em, .content table tr span {
		background: none !important;
	}
	body:not(.no-literate) .content > h4,
	body:not(.no-literate) .content > h5,
	body:not(.no-literate) .content > .small-heading,
	body:not(.big-h3) body:not(.no-literate) .content > h3 {
		margin-left: 40px;
		width: 470px;
		margin-bottom: 3px;
		padding-left: 0;
		padding-right: 0;
	}
	@media (min-width: 1180px){
		body:not(.no-literate) .content > ul, body:not(.no-literate) .content > ol{
			margin-left: 0 !important;
		}
	}
		/*rest-API*/
	.rest-repo .header {
		background: #EE7D11;
	}
	@media (min-width: 768px) {
		.rest-repo .menubar {
			width: 379px;
		}
		.rest-repo .content-root {
			padding-left: 379px;
			width:calc(100%-379px);
		}
		.rest-repo .table-outer {
			width: 550px;
		}
	}
	/*.content > div:not(.table-outer){
		    width:100%;
			color: #505050;
            font-family: "Inter", sans-serif;
			font-size: 14px;
			line-height: 24px;
		}*/
	@media (min-width: 1180px){
		.rest-repo body:not(.no-literate) .content-root {
			background-color: #EBEBEB;
			-webkit-box-shadow: inset 945px 0 #fff, inset 781px 0 #dfe2e7, inset 790px 0 5px -10px rgba(0,0,0,0.1);
			box-shadow: inset 995px 0 #fff, inset 781px 0 #dfe2e7, inset 790px 0 5px -10px rgba(0,0,0,0.1);
		}
		body:not(.no-literate) .content > pre + div {
			clear: left;
		}
		/*.content > div:not(.table-outer){
		    float: left;
			clear: left;
			width: 535px;
			padding-right: 40px;
			padding-left: 40px;
		}*/
	}
	.rest-repo .nav-list > li > a {
		font-size: 10px;
	}
	 .rest-repo .header select {
        width: 60px;
        border: 0px solid #bbb;
        background-color: #EE7D11;
        padding: 0 -1px;
        color: #FFF;
        height:25px;
        line-height:25px;
    }
	 .rest-repo .header li{
		 border-right:none;
	 }
	 }
}
25px;
        line-height:25px;
    }
	 .rest-repo .header li{
		 border-right:none;
	 }
	 @media (min-width: 480px) and (max-width: 767px){
		.tocify{
			height: calc(100vh - 156px);
		}
		.menubar {
			padding: 20px;
		}
	}
	@media (max-width: 480px){
		.tocify{
			height: calc(100vh - 176px);
		}
	}
	@media (min-width: 769px){
		.tocify-item.cus_arrow .arrow_img{
			display:none;
		}
	}
	.tocify-item.cus_arrow .arrow_img{
                position: absolute;
                width: 30px;
                height: 30px;
                background: #f2f2f2;
                top: calc(50% - 15px);
                background-image: url(../images/c_arrow.png);
                background-position: center;
                background-size: 30px;
            }

            .tocify ul, .tocify li{
                position: relative;
            }
	 }
}