/*!
 * This file is part of the DITA Open Toolkit project. 
 *
 * Copyright 2004, 2005 IBM Corporation
 *
 * See the accompanying LICENSE file for applicable license.
 */
 /* common css start*/
 
/* Add left and right margin to the entire navigation */
nav[role="toc"] {
  width: 480px; /* Fixed width for the panel */
  margin-left: 10px;
  margin-right: 20px;
}

/* Style the title (span) inside the first list item to make it more prominent */
nav[role="toc"] > ul > li > span {
  font-size: 1.4rem; /* Larger font size */
  font-weight: bold; /* Bold text */
  color: #333; /* Dark color for better contrast */
  margin-bottom: 10px; /* Add some space below the title */
  display: block; /* Make it a block element to ensure it takes up full width */
}

/* Style the nested lists for better readability */
nav[role="toc"] ul {
  list-style-type: none; /* Remove default list bullets */
  padding-left: 10px; /* Indentation for nested lists */
}

/* Ensure links have no underlines and a specific color */
nav[role="toc"] a {
  text-decoration: none; /* Remove underline */
  color: #007bff; /* Blue color for links */
  transition: color 0.3s ease; /* Smooth transition for hover */
}


/* Optionally, ensure links inside active list items are highlighted */
nav[role="toc"] li.active a {
  color: #0056b3; /* Darker blue for active links */
  font-weight: bold; /* Make active links bold */
}


 body{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: flex;
  font-family: Poppins;
  font-family: 'acumin-pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
     'Helvetica Neue', sans-serif;
 }
 ul li{
  list-style: none;
  padding-inline-start: 0px!important;
 }
 ul{
  padding: 0;
 }
 a{
  text-decoration: none;
  color: #000000!important;
 }
 .m-0{
  margin: 0!important;
 }
/* common css end */
/* css start */
.index-body{
display: block!important;
}
.map{
  padding-left: 25px!important;
}
.map li{
  list-style: circle!important;
  
}
.simpletable{
  width: 800px;
}
.face-detection-teble{
  margin-top: 25px!important;
}
.sidebar-toc{
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh!important;
  overflow: scroll;
}

.topichead{
  background-color: #075b9a;
  color: #fff;
  padding: 25px 0;
  text-align: center;
}

.flutter-links{
  justify-content: center;
  align-items: center;
  text-align: start;
  padding: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  column-gap: 30px;
  row-gap: 30px;
}
.flutter-link{
  border-radius: 5px;
  border: 1px solid gray;
  text-align: left;
  padding: 25px 15px;
  width: 25%;
  transition: .5s all;
}
.flutter-link:hover{
  background-color: #075b9a;
  border-color: #075b9a;
}
.flutter-link a{
  font-size: 22px;
  padding-left: 15px;
  color: #1389FD!important;
  transition: .6s all;
}
.section{
  width: 800px;
}
.simpletable{
  border: 1px solid #dadde1;
}

.sthead .stentry{
  background-color: #dadde1;
  border: 1px solid #dadde1;
  color: #000000;
  font-weight: 400!important;
}
.stentry{
  border: 1px solid #dadde1;
  padding: 10px 5px;
  
}
.flutter-link:hover a{
color: #fff!important;
}

.topichead{
  font-size: 25px;
}
#rtc_api_overview_ng{
  display: flex ;
}
.sidebar-toc{
  width: 25%;
  padding: 0 25px 0 0;
  margin-right: 25px;
  margin-top: 25px;
}
.main-sec{
  width: 75%;
}
.app-links{
 padding: 10px 0;
 margin-bottom: 5px;
 transition: .3s all;

}
.api-link{
  padding-left: 25px;
  color: #000000;
  font-size: 14px!important;
}


.flutter-heading{
  font-size: 24px;
  font-weight: 700;
  margin-left: 25px;
  margin-bottom: 20px;
  display: block;
}
.app-links:hover{
  background-color: #f2f2f2;
  border-radius: 2px;
}
.sidebar-links .active{
  background-color: #f2f2f2;
  border-radius:   2px;
  margin-right: -10px;
}
.sidebar-links .active a{
  color: #099dfd!important;
}
/* css end */
.frame-top {
  border-top: solid 1px;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.frame-bottom {
  border-top: 0;
  border-right: 0;
  border-bottom: solid 1px;
  border-left: 0;
}

.frame-topbot {
  border-top: solid 1px;
  border-right: 0;
  border-bottom: solid 1px;
  border-left: 0;
}

.frame-all {
  border: solid 1px;
}

.frame-sides {
  border-top: 0;
  border-left: solid 1px;
  border-right: solid 1px;
  border-bottom: 0;
}

.frame-none {
  border: 0;
}

.scale-50 {
  font-size: 50%;
}

.scale-60 {
  font-size: 60%;
}

.scale-70 {
  font-size: 70%;
}

.scale-80 {
  font-size: 80%;
}

.scale-90 {
  font-size: 90%;
}

.scale-100 {
  font-size: 100%;
}

.scale-110 {
  font-size: 110%;
}

.scale-120 {
  font-size: 120%;
}

.scale-140 {
  font-size: 140%;
}

.scale-160 {
  font-size: 160%;
}

.scale-180 {
  font-size: 180%;
}

.scale-200 {
  font-size: 200%;
}

.expanse-page, .expanse-spread {
  width: 100%;
}

.hazardstatement td,
.hazardstatement th {
  padding: 0.5rem;
}
.hazardstatement th {
  text-align: center;
  text-transform: uppercase;
}
.hazardstatement--caution {
  background-color: #ffd100;
}
.hazardstatement--danger {
  background-color: #c8102e;
  color: #fff;
}
.hazardstatement--warning {
  background-color: #ff8200;
}
.hazardstatement--attention, .hazardstatement--fastpath, .hazardstatement--important, .hazardstatement--note, .hazardstatement--notice, .hazardstatement--other, .hazardstatement--remember, .hazardstatement--restriction, .hazardstatement--tip {
  background-color: #0072ce;
  color: #fff;
  font-style: italic;
}

.line-through {
  text-decoration: line-through;
}

.overline {
  text-decoration: overline;
}

.codeblock {
  font-family: monospace;
  background-color: #112B3C;
  color: white;
  padding:4px;
  border-radius: 4px;
}

.syntaxdiagram {
  border: 1 black solid;
  color: maroon;
  display: block;
  margin-bottom: 6pt;
  padding: 2pt;
}

.codeph {
  font-family: monospace;
}

.kwd {
  font-weight: bold;
}

.parmname {
  font-weight: bold;
}

.var {
  font-style: italic;
}

.filepath {
  font-family: monospace;
}

.tasklabel {
  font-size: 100%;
  margin-bottom: 1em;
  margin-top: 1em;
}

.lq div {
  text-align: right;
}

.boolean {
  color: green;
}

.state {
  color: red;
}

.screen {
  background-color: #ccc;
  border: outset;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 5px;
  white-space: pre;
}

.wintitle {
  font-weight: bold;
}

.numcharref {
  color: #639;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.parameterentity {
  color: #639;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.textentity {
  color: #639;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.xmlatt {
  color: #639;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.xmlelement {
  color: #639;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.xmlnsname {
  color: #639;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.xmlpi {
  color: #639;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.fig {
  /* Default of italics to set apart figure captions */
  /* Use @frame to create frames on figures */
}
.figcap {
  font-style: italic;
}
.figdesc {
  font-style: normal;
}
.figborder {
  border-color: Silver;
  border-style: solid;
  border-width: 2px;
  margin-top: 1em;
  padding-left: 3px;
  padding-right: 3px;
}
.figsides {
  border-color: Silver;
  border-left: 2px solid;
  border-right: 2px solid;
  margin-top: 1em;
  padding-left: 3px;
  padding-right: 3px;
}
.figtop {
  border-color: Silver;
  border-top: 2px solid;
  margin-top: 1em;
}
.figbottom {
  border-bottom: 2px solid;
  border-color: Silver;
}
.figtopbot {
  border-bottom: 2px solid;
  border-color: Silver;
  border-top: 2px solid;
  margin-top: 1em;
}

/* Align images based on @align on topic/image */
div.imageleft {
  text-align: left;
}

div.imagecenter {
  text-align: center;
}

div.imageright {
  text-align: right;
}

div.imagejustify {
  text-align: justify;
}

/* Set heading sizes, getting smaller for deeper nesting */
.topictitle1 {
  font-size: 1.34em;
  margin-bottom: 0.1em;
  margin-top: 25px;
}

.topictitle2 {
  font-size: 1.17em;
  margin-bottom: 0.45em;
  margin-top: 1pc;
}

.topictitle3 {
  font-size: 1.17em;
  font-weight: bold;
  margin-bottom: 0.17em;
  margin-top: 1pc;
}

.topictitle4 {
  font-size: 1.17em;
  font-weight: bold;
  margin-top: 0.83em;
}

.topictitle5 {
  font-size: 1.17em;
  font-weight: bold;
}

.topictitle6 {
  font-size: 1.17em;
  font-style: italic;
}
.body-wrapper{
  display: flex;
}
.sectiontitle {
  color: #000;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 25px;
  margin-top: 1em;
}

.section {
  margin-bottom: 1em;
  margin-top: 1em;
}

.example {
  margin-bottom: 1em;
  margin-top: 1em;
}

.indexterm {
  background-color: #fdf;
  border: 1pt #000 solid;
  margin: 1pt;
}

/* Most link groups are created with <div>. Ensure they have space before and after. */
.ullinks {
  list-style-type: none;
}

.ulchildlink {
  margin-bottom: 1em;
  margin-top: 1em;
}

.olchildlink {
  margin-bottom: 1em;
  margin-top: 1em;
}

.linklist {
  margin-bottom: 1em;
}

ul.linklist {
  margin-top: 0;
  list-style-type: none;
  padding-left: 0;
}

li.linklist {
  margin-top: 0;
  margin-bottom: 0;
}

.linklistwithchild {
  margin-bottom: 1em;
  margin-left: 1.5em;
}

.sublinklist {
  margin-bottom: 1em;
  margin-left: 1.5em;
}

.relconcepts {
  margin-bottom: 1em;
  margin-top: 1em;
}

.reltasks {
  margin-bottom: 1em;
  margin-top: 1em;
}

.relref {
  margin-bottom: 1em;
  margin-top: 1em;
}

.relinfo {
  margin-bottom: 1em;
  margin-top: 1em;
}

.breadcrumb {
  font-size: smaller;
  margin-bottom: 1em;
}

/* Simple lists do not get a bullet */
ul.simple {
  list-style-type: none;
}

/* Default of bold for definition list terms */
.dlterm {
  font-weight: bold;
}

/* Use CSS to expand lists with @compact="no" */
.dltermexpand {
  font-weight: bold;
  margin-top: 1em;
}

*[compact=yes] > li {
  margin-top: 0;
}

*[compact=no] > li {
  margin-top: 0.53em;
}

.liexpand {
  margin-bottom: 1em;
  margin-top: 1em;
}

.sliexpand {
  margin-bottom: 1em;
  margin-top: 1em;
}

.dlexpand {
  margin-bottom: 1em;
  margin-top: 1em;
}

.ddexpand {
  margin-bottom: 1em;
  margin-top: 1em;
}

.stepexpand {
  margin-bottom: 1em;
  margin-top: 1em;
}

.substepexpand {
  margin-bottom: 1em;
  margin-top: 1em;
}

dt.prereq {
  margin-left: 20px;
}

/* All note formats have the same default presentation */
.note {
  margin-bottom: 1em;
  margin-top: 1em;
}
.note .notetitle, .note .notelisttitle,
.note .note__title {
  font-weight: bold;
}
/* Various basic phrase styles */
.bold {
  font-weight: bold;
}

.bolditalic {
  font-style: italic;
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.underlined {
  text-decoration: underline;
}

.uicontrol {
  font-weight: bold;
}

.defkwd {
  font-weight: bold;
  text-decoration: underline;
}

.shortcut {
  text-decoration: underline;
}

.menucascade > abbr {
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

table .desc {
  display: block;
  font-style: italic;
}

.cellrowborder {
  border-bottom: solid 1px;
  border-left: 0;
  border-right: solid 1px;
  border-top: 0;
}

.row-nocellborder {
  border-bottom: solid 1px;
  border-left: 0;
  border-top: 0;
}

.cell-norowborder {
  border-left: 0;
  border-right: solid 1px;
  border-top: 0;
}

.nocellnorowborder {
  border: 0;
}

.firstcol {
  font-weight: bold;
}

.table--pgwide-1 {
  width: 100%;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.align-justify {
  text-align: justify;
}

.align-char {
  text-align: char;
}

.valign-top {
  vertical-align: top;
}

.valign-bottom {
  vertical-align: bottom;
}

.valign-middle {
  vertical-align: middle;
}

.colsep-0 {
  border-right: 0;
}

.colsep-1 {
  border-right: 1px solid;
}

.rowsep-0 {
  border-bottom: 0;
}

.rowsep-1 {
  border-bottom: 1px solid;
}

.entry.rotate {
  writing-mode: vertical-rl;
}


.stentry:last-child {
  border-right: 0;
}

.strow:last-child .stentry {
  border-bottom: 0;
}

/* Add space for top level topics */
.nested0 {
  margin-top: 1em;
}

/* div with class=p is used for paragraphs that contain blocks, to keep the XHTML valid */
.p {
  margin-top: 1em;
}

/* flagging styles */
.flag__style--italics {
  font-style: italic;
}
.flag__style--bold {
  font-weight: bold;
}
.flag__style--underline {
  text-decoration: underline;
}
.flag__style--double-underline {
  text-decoration: double-underline;
}
.flag__style--overline {
  text-decoration: overline;
}
/* responsive css start */
@media only screen and (max-width: 1024px) {
  .main-sec{
    width: 65%;
  }
  .sidebar-toc{
    width: 35%;
  }
  .section{
    width: 600px;
  }
  .flutter-heading {
    font-size: 22px;
  }
}


/* responsive css end */