/* Style for solving white flickering of left sidebar. 
Add a linear gradient with a hard color break as suggested 
in Issue #708 of mkdocs-material, see comment about fix using gradient. */
@media screen and (min-width: 76.25em) {																						 
   .md-main__inner {
      background-image: linear-gradient(to right, #1C1C1B , #1C1C1B 273px, white 273px, white);
   }
   .md-content {
	  background-color: white;
   }
}
/* Style for max-width of index page */
.md-content {
    max-width: 100%;
}

/* Style for Header and Image , .md-header-nav__button.md-logo svg*/
@media screen and (min-width: 76.25em) {

   .md-header-nav {
     padding: 0;
   }	
  .md-header {
     height: 72px;	
  }
  
  .md-header-nav__title {
	  line-height: 72px;
  }
  
   .md-search {
	  padding: 0;
  }	   
  
  .md-search__inner {
    padding: 17px 0;
  } 
  
   .md-search__output {
    top: initial;
   } 
   
   .md-main__inner {
      max-width: none;
    }
  
   label.md-nav__link a { 
	padding-right: 10px;
   }
}

/* Styles for logo button for mobile sidebar */
.md-nav__title .md-nav__button {
   display: inline-flex;
    background-color: #1c1c1b;
    align-items: center;
}

@media screen and (max-width: 76.1875em) {
	.md-header {
     height: 2.4rem;
  }
	.md-header-nav__title {
	   line-height: 2.4rem;
	 } 
	 
	 .md-search__inner {
	    padding: .1rem 0;
	 }
	 
	 h2.P_title {
        height: 2.4rem;
        line-height: 2.4rem;	
     }
	 
    /* Styles for size of title on mobile view sidebar */
	.md-nav--primary .md-nav__title {
	   height: 5.1rem;
       line-height: 0.7rem;
       white-space: normal;
	   
    }
	
	label.md-nav__title.rmp_logo_label {
		padding: 0;
	}
	

	/* Styles for links for mobile sidebar */
	.md-nav--primary .md-nav__link {
       padding: .6rem 0;
    }
	
	/* Left padding for TOC entries on mobile sidebar*/
	.md-nav--primary .md-nav--secondary .md-nav .md-nav__link {
       padding-left: 0;
    }
}

/* Query for line under search field. */
@media screen and (max-width: 60em) {
	 .md-search__output {
	    top: 2.5rem; 
	 } 
}	


.md-icon svg {
	fill: #6bbcff;
}

/* Style for title for mobile left sidebar */
.md-nav--primary .md-nav__title {
	width: 100%;
	font-weight: bold;
	
}

.md-nav--primary .md-nav__title, 
.md-nav--primary .md-nav__title .md-nav__link
 {
	color: #1C1C1B;
}

/* Styles for title link on mobile sidebar */
.md-nav--primary .md-nav__title a {
	color: #1C1C1B;
}

.md-nav--primary .md-nav__title a:hover {
	color: #6bbcff ;
}

/* Style for background-color for mobile sidebar */
.md-nav--primary .md-nav__item {
   background-color: #1C1C1B;
}

/* Style for font-size of Title of TOC right navigation bar */
.md-nav--secondary .md-nav__title {
	font-size: 15px;	
}


/* Style for Vertical Scrollbar color */
.md-sidebar__scrollwrap {
    scrollbar-color: var(--md-default-fg-color--lighter) !important;
}

 .md-header-nav__title {
	padding: 0;
}	

.md-header-nav__topic {
    display: flex;
    align-items: center;
}

.md-header-nav__button.md-logo {
    margin: 0;
    padding: 0;
} 

.md-header-nav__button.md-logo img {
  width: 72px;
  height: 72px;
  padding: 1.2em;
}


.md-header {
	background-color: #1c1c1b;
	color: #fff;
}

.md-container,
.md-main__inner {
  padding-top: 0;
}



.md-header {
  position: static;
}

.md-nav--primary .md-nav__title ~ .md-nav__list {
background-color: #1C1C1B;
}

.md-sidebar[data-md-state=lock] {
  top: 0;
}

.md-sidebar { 
  padding: 0;
}	
 
.md-sidebar__scrollwrap { 
	margin: 0; 
	scrollbar-width: none;
}

.md-main__inner { 
   margin-top: 0;	
} 

.md-grid {
   margin-left: 0; 
}

.md-sidebar__inner {
    height: 100%;	
}	

.md-sidebar {
    flex: 0 0 273px;
}

.rmp_sidebar_div { 
    float: left;
	width: 273px;
    height: 100%;
    background-color: #1C1C1B;
    overflow-x: auto; 
	min-height: 100%;
}

.rmp_toc_sidebar {
	padding: 1.2rem 0;
	margin-top: 1.5rem;
} 

ul.md-nav__list li { 
    list-style-type: none;
}

label.md-nav__link.md-nav__link--active a { 
	color: #6bbcff;
}

li label {
    cursor: pointer;
    display: block;
    margin-right: 0;
}

/* Style for arrow color in mobile sidebar */
.md-nav--primary .md-nav__title .md-nav__icon {
	color: var(--md-default-fg-color--light);
}

.md-nav--primary .md-nav__title .md-nav__icon:hover {
	color: #6bbcff;
}

/* Style for Section div inside of label .md-nav__title*/
.rmp_div_title_mobile
{
	width: auto;
	background-color: #F5F3F3;
	font-size: 16px;
	font-weight: bold;
	color: #1C1C1B;
	padding: 0px 0px 0px 15px;
	border-bottom: 0px solid rgb(228, 237, 247);
	text-align: left;
	margin: 0px 0px 15px 0px;
	height: 50px;
    line-height: 50px;
}

/* Styles for rmp_sidebar_div*/
.rmp_sidebar_div .md-nav__item {
	padding-left: .6rem;
	padding-right: 0;
}	

.rmp_sidebar_div .md-nav__item .md-nav__link--active { 
	color: #6bbcff;
}

.rmp_sidebar_div .md-nav__link .md-nav__link--active { 
    color: #6bbcff;
}

.rmp_sidebar_div .md-nav__link:hover {
	color: #6bbcff; 
}

.rmp_sidebar_div .md-nav__link {
	color: #fff;
}
h2.tree a {
  color: #1C1C1B;
}

h2.tree a:hover {
  color: #6bbcff;
}

.md-nav--primary .md-nav__item--active > .md-nav__link:hover {
    color: #6bbcff;
}

/* Yellow icon and text in search box */
.md-search__input + .md-search__icon {
    color: #6bbcff;
}

.md-search__input::placeholder {
    color: #6bbcff;
}

/**** Typography ******/

/* Font size for nav links */ 
.md-nav__link {
	font-size: 15px;
}
/* Styles for Headings */
.md-typeset h1 {
    font-size: 34px;
    line-height: 40px;
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 20px 0px;
}
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4, .md-typeset h5, .md-typeset h6 {
    padding: 20px 0px 0px 0px;
    margin: 20px 0 10px 0px;
    color: #1C1C1B;
}
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4, .md-typeset h5, .md-typeset h6, strong {
    font-weight: bold;
}

.md-typeset h6 {
    font-size: 20px;
    padding: 20px 20px 0px 30px;
    line-height: 21px;
    margin: 0px 0px 0px 0px;
}

/* Line height for paragraphs*/
.md-typeset p, .md-typeset ul, .md-typeset ol {
	font-size: 15px;
	line-height: 20px;
}


/* Default color for active links */
.md-nav__link .md-nav__link--active { 
    color: #6bbcff;
}
.md-nav__item .md-nav__link--active {
    color: #6bbcff;
}

.md-nav__link:focus, .md-nav__link:hover {
    color: #6bbcff;
}

/* Color for TOC links */
.rmp_toc_sidebar .md-nav__link {
    color: #2f7ee2;
}

.rmp_toc_sidebar .md-nav__link:focus, .md-nav__link:hover {
    color: #00507a;
}

/* Link colors and link hover colors */
.md-typeset a {
    color: #2f7ee2;
}

.md-typeset a:focus, .md-typeset a:hover {
	color: #00507a; 
}

/* Table Styles Adjustment for material*/
.md-typeset table:not([class]) {
	font-size: 15px;
	line-height: 20px;
}
   .md-typeset table:not([class]) tbody tr td{
  	border:solid 1px;
  	padding:8px;
  	border-color:lightgray;
  }

   .md-typeset table:not([class]) tr:first-child td {
    border-top: solid 1px;
    border-top-width: 1px;
    border-top-color: lightgray;
}


/*  .md-typeset table:not([class]) th:not([align]) {
    text-align: center;
} */

 .md-typeset table:not([class]) thead th{
  	border:solid 1px;
  	padding:8px;
  	border-color:lightgray;
	color: inherit;
	background-color: #f6f6f6;
  }
  
.md-typeset table:not([class]) th {
    padding: 20px;
    font-weight: bold;
    font-style: normal;
    text-align: left;
	color: inherit;
    background-color: inherit;
}


/* adapt styles for code blocks to avoid disappearance of TOC at the right */ 
.md-typeset pre, .md-typeset pre>code {
    word-break: break-word;     
}

.codehilitetable, table.codehilitetable {
    width: 100%;
    max-width: 100%;
} 

/* Warning obsolete documentation*/ 
.warning-message {
    background-color: #fff3cd; 
    color: #856404; 
    border: 1px solid #ffeeba; 
    padding: 12px 16px;
    border-radius: 6px;
    align-items: center;
    gap: 8px; 
    font-weight: bold;
    font-size: 14px;
  }
  
.warning-icon {
    font-size: 20px; 
  }

code {
   white-space: break-spaces;
}