:root {
    --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    --font-family-code: "Roboto Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    --p-ele-line-height: 1.5;
    --p-ele-font-size: 16px;
    --blockquote-p-ele-line-height: 2;
    --blockquote-p-ele-font-size: 16px;
}


* {
  box-sizing: border-box;
}


.row::after {
  content: "";
  clear: both;
  display: table;
}

.class_custom_footer_container {
    padding-left: 35%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}

@media only screen and (min-width: 100px) {
  /* For desktop: */
  [class*="col-"] {
    width: 100%;
    float: left;
    border: 1px solid white;
  }
  .col-1 {width: 4%;}
  .col-2 {width: 8%;}
  .col-3 {width: 12%;}
  .col-4 {width: 16%;}
  .col-5 {width: 20%;}
  .col-6 {width: 24%;}
  .col-7 {width: 28%;}
  .col-8 {width: 32%;}
  .col-9 {width: 36%;}
  .col-10 {width: 40%;}
  .col-11 {width: 44%;}
  .col-12 {width: 48%;}
  .col-13 {width: 52%;}
  .col-14 {width: 56%;}
  .col-15 {width: 60%;}
  .col-16 {width: 64%;}
  .col-17 {width: 68%;}
  .col-18 {width: 72%;}
  .col-19 {width: 76%;}
  .col-20 {width: 80%;}
  .col-21 {width: 84%;}
  .col-22 {width: 88%;}
  .col-23 {width: 92%;}
  .col-24 {width: 96%;}
  .col-25 {width: 100%;} 
}

.class_prev {
  color:black;
  background-color:none;
  padding:0px;
}

.class_next {
  color:black;
  background-color:none;
  padding:0px;
}

/* adds scrollbar to sidenav */
#sidebar {
	overflow-y: scroll; 
}

.sphinxsidebarwrapper {  overflow-y: scroll; }

.bs-sidenav {
  height: 80%;
  /*overflow-y: scroll; */
  position: fixed;
/*
    top: 0;
    bottom: 0;
    left: 0;
*/

/*
    padding-bottom: 2em;
*/
    width: 270px;

    overflow-x: hidden; /* Disable horizontal scroll */
    overflow-y: hidden;

    color: #9b9b9b;
    background: #343131;
    z-index: 0;
}

.bs-sidenav.affix {
    position: fixed;
}

html {
	left:0;
	padding-left:0;
}

body {
	left:0;
	padding-left:0%;
}

@media only screen and (max-width: 1200px) {
	.class_custom_footer_container {
	    display:none;
	}

	.bs-sidenav {
	  left:0;
	  padding-left:0;
	  display:none;
	}

	html {
		top:0;
		left:0;
	        padding-left:0%;
	        padding-right:0%;
	        padding-top:0;
	}

	body {
		top:0;
		left:0;
	        padding-left:0;
	        padding-top:0;
	}
}


/* All entries in side navbar
li.toctree-l1 a {
	color:white;
	font:Sans-serif	;
}

Current selected entry in side navbar
li.toctree-l1.current a {
	color:white;
}
*/

li.toctree-l1.current > a {
	background-color:white;
	color:black;
}

li.toctree-l2.current > a {
	background-color:lightgrey;
	color:black;
}

li.toctree-l3.current > a {
	background-color:white;
}

/*
l3.current, l4.current does not exist
li.toctree-l3 > a {
	background-color:lightgrey;
	color:black;
}

li.toctree-l4 > a {
	background-color:lightgrey;
	color:black;
}
*/

/*
@media screen and (min-width: 1270px)  {
    //Pop out the in-page links to the right instead of the left
    div.bs-sidenav li.toctree-l1.current > ul {
        position: fixed;
        margin-left: 0px;
        overflow-y: auto;
        padding-left: 5px;
        border-left: 1px solid #767677;
        height: 95%;
        top: 70px;
        left: 1100px;
    }

    div.bs-sidenav li.toctree-l1.current a {
        border-right: none;
    }

    div.bs-sidenav li.toctree-l1.current ul {
        max-width: 0px;
    }

    div.bs-sidenav li.toctree-l1.current ul, li.toctree-l1.current li, li.toctree-l1.current a {
        background-color: transparent !important;
    }

    //All items should now be visible regardless of expandy state 
    div.bs-sidenav li.toctree-l1.current ul {
      display: block !important;
    }

    //hide the expandy buttons
    div.bs-sidenav li.toctree-l1.current span.toctree-expand {
        display: none !important;
    }

    //Make the padding correct
    div.bs-sidenav li.toctree-l2 li.toctree-l3 > a {
      padding: .4045em 4.045em !important;
    }

    div.bs-sidenav li.toctree-l4 > a {
      padding: .4045em 5.663em !important;
  }
}
*/
p {
	font-family:var(--font-family);
	font-family-code:var(--font-family-code);
	line-height:var(--p-ele-line-height);
    	font-size: var(--p-ele-font-size);
}

blockquote p {
    margin-bottom: 0;
    font-size: var(--blockquote-p-ele-font-size);
    font-weight: 300;
    line-height: var(--blockquote-p-ele-line-height);
}

h1 {
    font-size: 35px;
    margin-bottom: 1.7rem;
    padding-bottom: 15px;
    line-height: 40px;
}

h2 {
    font-size: 25px;
    line-height: 40px;
    padding-bottom: 15px;
}


h3 {
    font-size: 15px;
    line-height: 40px;
    padding-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-family:var(--font-family);
    font-family-code:var(--font-family-code);
    /* font-weight: Controls thickness of a font*/
    font-weight: 400;
    line-height: 40px;
    color: black;
    /* text-rendering: optimizelegibility; */
    padding-top: 10px;
    padding-bottom: 15px;
}

div.sd-card-body p {
    color: #2fa4e7;
    text-decoration: none;
    line-height: var(--blockquote-p-ele-line-height);
}

.sd-card {
    background-clip: border-box;
    background-color: var(--sd-color-card-background);
    border: 1px solid var(--sd-color-card-border);
    border-radius: 1rem;
    color: var(--sd-color-card-text);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    position: relative;
    word-wrap: break-word;
}

div.highlight > pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 1px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;

/* #1c1313ff, #270909, #372a2a, #2f2828 */
    background-color: #2f2828;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 10px;
}

/*------------------------ code-block ubuntu theme -------------------*/

/* White - Example for "hello-5.o" . In this color of "-5" needs white color
 * "-5" is taking blue by default
*/
.highlight .mf {
    color:#ffffff;
    font-family: monospace,monospace;
    font-weight: normal;
    font-size: 14px;
}

/* Example : module_param_array(myintArray, int, &arr_argc, 0000);
   In this "0000" is taking blue by default. Let us make it white
*/
.highlight .mo {
    color:#ffffff;
    font-family: monospace,monospace;
    font-weight: normal;
    font-size: 14px;
}

/* green - for c keywords like int */
.highlight .cm {
    color:#34E2E2;
    font-weight: 600px;
    font-family: monospace,monospace;
    font-size: 14px;
}

/* green - for c keywords like int */
.highlight .kt {
    color:#87FFAF;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}

/* dark yellow - for c keywords like return */
.highlight .k {
    color:#FCE94F;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}

/* dark yellow - for struct type name */
.highlight .nc {
    color:#FCE94F;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}

/* white - for c normal variables */
.highlight .n {
    color:#ffffff;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}

/* white - for c function variables */
.highlight .nf {
    color:#FFFFFF;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}

/* for c operators */
.highlight .o {
    color:#ebdbb2;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}

/* for c rhs */
.highlight .mi {
    color:#d3869b;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}

/* for c rhs */
.highlight .mh {
    color:#d3869b;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}

/* for c semicolon */
.highlight .p {
    color:#ebdbb2;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}

/* for c pre-processors */
.highlight .cp {
    color:#5FD7FF;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}

/* for c pre-processor files */
.highlight .cpf {
    color:#AD7FA8;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}


/* Green for strings */
.highlight .se {
    color: #FFD7D7;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}

/* Green for strings */
.highlight .s {
    color: #FFD7D7;
    font-weight: normal;
    font-family: monospace,monospace;
    font-size: 14px;
}

.highlight .m {
  color: #f5a511;
}

.highlight .nv {
  color: #18E6E6;
}

/* code-block line number styling */
span.linenos {
    color: #FCE94F;
    background-color: transparent;
    padding-left: 5px;
    padding-right: 14px;
}

/*-------------------------- literal include ; int keyword ---------------------------*/
.highlight .nb {
    color: #87FFAF;
    font-weight: 400px;
    font-family: monospace,monospace;
    font-size: 14px;
}

.highlight .s2 {
    color: #AD7FA8;
    font-weight: 400px;
    font-family: monospace,monospace;
    font-size: 14px;
}


.highlight .s2 {
  color: #2F6CDF;
  font-weight: 400px;
  font-family: monospace,monospace;
  font-size: 14px;
}


.highlight .s2 {
  color: #F2DF77;
  font-weight: 400px;
  font-family: monospace,monospace;
  font-size: 14px;
}

.highlight .si {
    color: #FFD7D7;
    font-weight: 400px;
    font-family: monospace,monospace;
    font-size: 14px;
}

.highlight .se {
    color: #FFD7D7;
    font-weight: 400px;
    font-family: monospace,monospace;
    font-size: 14px;
}

.highlight .c1 {
    color: #5FD7FF;
    font-style: italic;
    font-weight: 400px;
    font-family: monospace,monospace;
    font-size: 14px;
}

/***************** style for below 
        .. panels::
            :container: container pb-4
            :column: col-lg-12 p-2
            :card: shadow
********************/

.card {
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    position: relative;
    word-wrap: break-word;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 10px;
}


/*------------------ Styling for Getting Started page ----------------------*/
/* 
	First Equation / Base Equation - Obtained from base method
*/
ol.simple li > p, ul.simple li > p {
    margin-bottom: 0;
    font-weight: 800px;
}

div.sd-tab-content .sd-tab-set>input:checked+label {
    color: green;
}

/*
div.sd-tab-set div.sd-tab-content .sd-tab-set > #sd-tab-item-2 + label {
    color: black;
}

div.sd-tab-set div.sd-tab-content .sd-tab-set > #sd-tab-item-3 + label {
    color: black;
}

div.sd-tab-set div.sd-tab-content .sd-tab-set > #sd-tab-item-4 + label {
    color: black;
}
*/

/* code-block : emphasized-lines */
.highlight .hll {
    background-color: #575050;
}

/*------------------- Custom Styling for tables ---------------------------------*/
div.body td {
    text-align: left;
}

div.body td > p {
    text-align: left;
    font-size:15px;
    padding-right:10px;
}

div.body td ul.simple li > p {
    text-align: left;
    font-size:15px;
    padding-right:10px;
}

div.body th > p {
    font-size:15px;
    padding-right:10px;
}

.table th, .table td {
    padding: 4px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top:1px solid #e14a4a;
    border-bottom:1px solid #e14a4a;
    font-size:10px;
}


element.style {
}
div.highlight > pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #2f2828;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 10px;
}
div.highlight pre, table.highlighttable pre {
    margin: 0;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.body {
    min-width: 400px;
    max-width: 800px;
}

@media only screen and (max-width: 700px) {

	div.body {
	    min-width: 100px;
	    max-width: 400px;
	}
}

.wy-nav-content {
   max-width: 1000px;
}


/* Change Color of h1 in dark mode*/
html[data-theme="dark"] h1 {
        color : #bfbfbf;
}

/* Change Color of h2 in dark mode*/
html[data-theme="dark"] h2 {
        color : #bfbfbf;
}

html[data-theme="dark"] h3 {
  color: #bfbfbf;
}

html[data-theme="dark"] h4 {
  color: #bfbfbf;
}

html[data-theme="dark"] h5 {
  color: #bfbfbf;
}

html[data-theme="dark"] h6 {
  color: #bfbfbf;
}

/* Change border of sphinx-panel in dark mode*/
html[data-theme="dark"] div.d-flex.col-lg-12.p-2.docutils {
         border-color: black;
}

/* Change background of sphinx-panel in dark mode*/
html[data-theme="dark"]  div.card.w-100.shadow.docutils {
        background-color: #4b4646;
}


/* Change text color of internally linked hyperlinks in dark mode*/
html[data-theme="dark"] .wy-nav-content a, html[data-theme="dark"] .wy-nav-content a:visited {
    color: #a4c5e3;
}

/* Change text color of first level tabsets in dark mode*/
html[data-theme="dark"]  .sd-tab-set>input:checked+label {
    border-color: hsl(324.52deg 15.08% 49.39%);
    color: hsl(231deg 22.58% 59.51%);
}

/* Change highlight color of code-block in dark mode*/
html[data-theme="dark"] .highlight .hll {
    background-color: #3d454b;
}

html[data-theme="dark"] details.sphinx-bs.dropdown.card.mb-3 {
    background-color: #1a1a16;
    color: #dad0e3;
}

.rst-content div[class^="highlight"] pre {
  white-space: pre;
  margin: 0;
  padding: 12px 12px;
  display: block;
  overflow: auto;
  color: white;
}

.sd-tab-set > label {
  border-bottom: .125rem solid transparent;
    border-bottom-color: transparent;
  margin-bottom: 0;
  color: var(--sd-color-tabs-label-inactive);
  border-color: var(--sd-color-tabs-underline-inactive);
  cursor: pointer;
  font-size: large;
  font-weight: 700;
  padding: 1em 1.25em .5em;
  transition: color 250ms;
  width: auto;
  z-index: 1;
}

.highlight .s1 {
  color: #78D52B;
}

.highlight .c {
  color: #14D5D5;
  font-style: italic;
}

