/*
Base styles
*/

body {
    display: none;
    font-size: 1em;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

body div.body {
    max-width: none;
    min-width: auto;
}

/*
a {
    color: rgb(85, 89, 92);
}
*/

.headerlink {
    color: rgb(255,255,255);
}

.figure {
    margin: 7px 0px 7px 0px;
}

.main {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}


*[id]:before {
  display: block;
  content: " ";
  margin-top: -54px;
  height: 54px;
  visibility: hidden;
}


/*
Document Class styles
*/
div.documentwrapper{
    padding: 0px 25px 0px 50px;
}

div.document h1 {
    margin: 30px -14px 28px -20px;
    padding: 0px 14px 0px 14px;
}

div.document h2 {
    margin: 30px -14px 24px -20px;
    padding: 0px 14px 0px 14px;
}

div.document h3 {
    margin: 30px -14px 22px -20px;
    padding: 0px 14px 0px 14px;
}

div.document h4 {
    margin: 30px -14px 16px -20px;
    padding: 0px 14px 0px 14px;
}

div.document h5 {
    margin: 30px -14px 16px -20px;
    padding: 0px 14px 0px 14px;
}

div.document h6 {
    margin: 30px -14px 16px -20px;
    padding: 0px 14px 0px 14px;
}

div.document .blockquote {
    font-size: 1em;
}
/*
Navbar Class styles
*/
.navbar {
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 10px 0px 20px 0px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.4);
}

.navbar-version {
    padding-top: 10px;
    margin-right: 30px;
}

.navbar .navbar-brand {
    background-size: contain;
    height: 37px;
}
.navbar .navbar-brand img.logo {
    margin-top: -4px;
    height: 37px;
}
.navbar.navbar-dark span.navbar-version{ /* hide version in dark navbar */
    color: #343a40;
}
.dropdown-toggle{
    cursor: pointer;
}
.navbar-dark .navbar-toggler{
    border-color: transparent;
}

/*
Navbar Dropdown styles
*/
#navbar-pages > ul {
    width: calc(200% + 100px);
}

#navbar-pages > ul > li
    position: relative;
}

#navbar-pages > ul > li > a{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 25px;
    font-size: 12px;
}

#navbar-pages > ul > li > ul,
#navbar-pages > ul > li > ul > li > ul,
#navbar-pages > ul > li > ul > li > ul > li > ul {
    display: none;
    list-style: none;
}

#navbar-pages > ul > li:hover > ul,
#navbar-pages > ul > li > ul > li:hover > ul,
#navbar-pages > ul > li > ul > li > ul > li:hover > ul{
    position: absolute;
    z-index: 1010;
    margin-top: -6px;
    padding: 5px 0px 5px 0px;
    background-color: rgb(255,255,255);
    display: block;
    top: 0px;
    left:101%;
    width: 100%;
}
#navbar-pages > ul > li:hover > ul > li,
#navbar-pages > ul > li > ul > li:hover > ul > li,
#navbar-pages > ul > li > ul > li > ul > li:hover > ul > li{
    position: relative;
}

#navbar-pages > ul > li:hover > ul > li > a,
#navbar-pages > ul > li > ul > li:hover > ul > li > a,
#navbar-pages > ul > li > ul > li > ul > li:hover > ul > li > a{
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#navbar-pages .arrow:after {
    content: "";
    display: inline-block;
    border: 6px solid transparent;
    border-left-color: rgba(0, 0, 0, 0.15);
    float: right;
    margin-top: 6px;
    position: absolute;
    right: 1px;
}

/*
Sidebar styles
*/

#searchbox {
    margin: 40px 20px 10px 20px;
}

div.sphinxsidebar {
    margin-left: 0px;
    padding: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
    font-size: 100%!important;
}

div.sphinxsidebar > div.sphinxsidebarwrapper {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 1;
}

div.sphinxsidebar > div.sphinxsidebarwrapper h3,
div.sphinxsidebar > div.sphinxsidebarwrapper h4 {
    font-size: 1.3em;
    margin-left: 10px;
    padding: 12px 0px 3px 10px;
    border-bottom: 1px solid rgb(236, 238, 239);
}

div.sphinxsidebar > div.sphinxsidebarwrapper p.topless {
    padding: 1em 0px .5em 1.5em;
}

div.sphinxsidebarwrapper > div.sidebartoctree ul {
    padding: .1em 0 0 1em;
}

div.sphinxsidebar > div.sphinxsidebarwrapper a.reference {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    padding: .1em .5em;
}

div.sphinxsidebar > div.sphinxsidebarwrapper a.reference.current {
    color: #fff;
    cursor: default;
    background-color: #0275d8;
}

/* sidebar tree minus icon  */
div.sphinxsidebarwrapper > div.sidebartoctree > ul a.arrow:not(.collapsed) {
    border-bottom: .3em solid rgba(0, 0, 0, .4);
    width: 1em;
    height: 0;
    margin: .6em 0 0 0;
    position: absolute;
    z-index: 10;
    right: .3em;
}

/* sidebar tree arrow icon */
div.sphinxsidebarwrapper > div.sidebartoctree > ul a.arrow.collapsed {
    border: .5em solid transparent ;
    border-top: .5em solid rgba(0, 0, 0, .4);
    width: 0;
    height: 0;
    margin: .5em 0 0 0;
    position: absolute;
    z-index: 10;
    right: .3em;
}

ul.nav ul{ /* sidebaartreeview no list styles */
    list-style: none!important;
}

.nav-pills .nav-item+.nav-item {
    margin-top: .2rem;
}

/* sidebar search form styles */
div.sphinxsidebar #searchbox form input[type="text"]{
    width: 100%;
    float: none;
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
    font-size: 1rem;
    font-family: inherit;
}

/*
Footer styles
*/

.footer {
    border-top: 1px solid rgb(236, 238, 239);
	color: rgb(85, 89, 92);
	padding: 10px 18px;
	margin-top: 20px;
}

.copyright {
    padding-top: 8px;
}

.footer .btn{ /* set margin because of flex-wrap */
    margin-top: 8px;
}

/*
Admonition Styles
*/
.admonition-title {
    font-weight: bold;
    margin-top: -10px;
}

p.admonition-title > div.icon {
    width:26px;
    height:26px;
    -moz-border-radius:13px;
    -webkit-border-radius:13px;
    border-radius:13px;
    top: 7px;
    margin-right: 5px;
}

div.alert-info > p.admonition-title > div.icon {
    background:rgb(49, 112, 143);

}
div.alert-info > p.admonition-title > div.icon > div.question-mark:before {
    color: rgb(217, 237, 247);
    content: "?";
    font-size: 25px;
    position: relative;
    left: 5px;
    top: -5px;
}

div.alert-success > p.admonition-title > div.icon {
    background:rgb(60, 118, 61);
}

div.alert-success > p.admonition-title > div.icon > div.check-mark:before  {
    content: "";
    border: solid rgb(223, 240, 216);
    border-width: 4px 4px 0px 0px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 5px;
    position: absolute;
    width: 15px;
    height: 10px;
    top: 6px;
}

div.alert-warning > p.admonition-title > div.icon {
    background:rgb(138, 109, 59);
}

div.alert-warning > p.admonition-title > div.icon > div.information-mark {
    width:6px;
    height:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background:rgb(252, 248, 227);
    left: 10px;
    position: absolute;
    top: 3px;
}
div.alert-warning > p.admonition-title > div.icon > div.information-mark:before {
    content: "";
    border: solid rgb(252, 248, 227);
    border-width: 2px 4px 2px 0px;
    font-size: 25px;
    position: absolute;
    left: -1px;
    top: 8px;
    padding: 1px;
    height: 12px;
}

div.alert-warning > p.admonition-title > div.icon > div.information-mark:after {
    content: "";
    border: solid rgb(252, 248, 227);
    border-width: 0px 0px 2px 0px;
    font-size: 25px;
    position: absolute;
    left: 5px;
    top: 8px;
    padding: 1px;
    height: 12px;
}

div.alert-danger > p.admonition-title > div.icon {
    background:rgb(169, 68, 66);

}
div.alert-danger > p.admonition-title > div.icon > div.exclamation-mark:before {
    color: rgb(242, 222, 222);
    content: "!";
    font-size: 25px;
    position: absolute;
    left: 9px;
    top: -5px;
}

/*
Breadcrumb styles
*/

.related {
    
    margin-top: 54px;
    
    padding: 0 1rem .75rem 1rem;
    margin-bottom: 1rem;
    font-size: 100%!important;
}

.related a.btn {
    z-index: 999;
}

.breadcrumb {
    padding: calc(.75rem + 6px) 0px 0px 0px;
    margin: 0px;
    background-color: inherit;
}

.related .btn-group{ /* set padding-top because of flex-wrap */
    padding-top: .75rem;
}

/*
Code-block style
*/

.highlight {
    background-color: rgb(249, 249, 249);
    border: solid 1px rgb(236, 238, 239);
    margin: 10px 0px 10px 0px;
}

.highlight > pre {
    margin: 16px 16px 16px 16px;
}

/* Table */
.table {
    width: auto;
}

tr.row-odd {
    background-color: rgb(255, 255, 255);
}


/* Download */
code.download {
    background-color: inherit;
    color: inherit;
}

div.icon {
    height: 1em;
    width: 1em;
    position: relative;
    margin: 0px;
    overflow: visible;
    display: inline-block;
}

div.icon div.download {
    width: 16px;
    height: 6px;
    border: 3px solid rgb(2, 117, 216);
    border-top: none;
    position: absolute;
    bottom: -2px;
}

div.icon div.download:after {
    width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border-style: solid;
    border-color: rgb(2, 117, 216) transparent transparent transparent;
    border-width: 6px;
    left: -1px;
    top: -4px;
}

div.icon div.download:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 5px;
    background: rgb(2, 117, 216);
    top: -9px;
    left: 3px;
}

/* search */
ul.search {
    list-style: none;
    padding-left: 20px;
}

ul.search > li {
    padding: 20px;
    border-radius: 4px;
    border: solid 1px rgb(229,229,229);
    margin-bottom : 12px;
}

ul.search > li > a{
    font-size: 20px;
    font-weight: 500;
}

ul.search > li >  div.context {
    font-size: 0.875em;
}

ul.search > li >  div.context > span.highlighted {
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 4px;
    background-color: #f0ad4e;
}

/*
Blockquote
*/
blockquote {
   padding-left: 1em;
}

@media (max-width: 47.9em) {
  .main {
      width: 100%;
  }
  div.documentwrapper{
    padding: 0px 5px 0px 5px;
  }
}