/*Override base theme variables*/
:root{
  --pst-color-link: 8, 183, 244;
  --pst-color-admonition-note: 8,183,244; 
  --pst-color-admonition-important: 138 ,67 ,249;
  --pst-color-admonition-attention: 249, 82, 8;
}

/* Import fonts from .../sphinx/croc/static/ */
@font-face {
  font-family: "IBMPlexSans-Bold";
  src: url("./IBMPlexSans-Bold.ttf");
}

@font-face {
  font-family: "IBMPlexSans-Light";
  src: url("./IBMPlexSans-Light.ttf");
}

div.navbar-brand-box {
  padding-top: 1em;
}

div.navbar-brand-box a.navbar-brand img {
  margin: 0px auto 0px 0px;
}

.header-article{
  height: 4.5em;
}

/*Topic background color*/
.topic {
  background-color: #F6F8FB;
}

/* Topic border */
div.topic{
  border: 1px solid #B9B9D8;
}

.header-article .header-article-main {
  height: 4.4em;
}
/* Font for all text(without headers)*/
body {
  background-color: hsl(0 0% 100%);
  font-family: "IBMPlexSans-Light";
  font-size: 1rem;
}

/* Color for all text*/
p{
  color: #4D4D55 !important;
}

#site-navigation nav ul.nav li a, #site-navigation nav ul.nav ul li a{
  color: #4D4D55;
}

.bd-toc .toc-entry a, .bd-toc div.onthispage{
  color: #4D4D55;
}

/*Highlighted words*/
strong{
  font-family: "IBMPlexSans-Bold";
}

/*Table headers*/
th.head p{
  font-family: "IBMPlexSans-Bold";
  color: #08b7f4 !important;
}

/*margins from images*/
img.align-center{
  margin-bottom: 5%;
  margin-top: 5%;
}

/*Change note background*/
.admonition.note>.admonition-title, div.admonition.note>.admonition-title{
  background-color: #ECF8FD;
}

/*Change important background*/
.admonition.important>.admonition-title, div.admonition.important>.admonition-title{
  background-color: #F7F1FF;
}

/*Change attention background*/
.admonition.attention>.admonition-title, div.admonition.attention>.admonition-title{
 background-color: #FFEBE4;
}

/* All headers*/
h1, h2 , h3, h4 {
  font-family: "IBMPlexSans-Bold";
  color: #4D4D55 !important;
}

/*Radius of search form*/
.bd-search input {
  border-radius: 1rem;
}

.form-control {
  font-size: 1em;
}

.bd-search {
  margin-right: 0px;
}

/*Size of logo*/
div.navbar-brand-box a.navbar-brand img{
  max-width: 70%
}

/*Header of tables*/
table caption {
  font-family: "IBMPlexSans-Bold";
  text-align: center;
  caption-side: top;
}

.sd-card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: var(--sd-color-card-header);
  border-bottom: 1px solid var(--sd-color-card-border);
  font-weight: 700 !important;
}

 /* Lang switcher*/
.switch {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  top: 5px;
}

.switch > span {
  position: absolute;
  top: 5px;
  pointer-events: none;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  width: 50%;
  text-align: center;
}

:lang(ru).switch > span.on {
  left: 0;
  padding-left: 2px;
  color: #08b7f4;
}

:lang(ru).switch > span.off {
  right: 0;
  padding-right: 4px;
  color: #fff;
}

:lang(en).switch > span.on {
  left: 0;
  padding-left: 2px;
  color: #fff ;
}

:lang(en)> span.off {
  right: 0;
  padding-right: 4px;
  color:#08b7f4;
}

.check-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.check-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.check-toggle-round-flat + label {
  padding: 2px;
  width: 80px;
  height: 28px;
  background-color: #08b7f4;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.check-toggle-round-flat + label:before, input.check-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}

input.check-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #08b7f4;

  
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.check-toggle-round-flat + label:after {
  top: 4px;
  left: 5px;
  bottom: 4px;
  width: 34px;
  background-color: #fff;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
}

input.check-toggle-round-flat + label {

}

:lang(en) input.check-toggle-round-flat + label:after {
  margin-left: 37px;
}