@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('@contrast-security-inc/design-system-foundations/tokens/css/tokens.css');

/* General */

body {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 300;
	font-size: 14px;
}

body {
	background-color: #ffffff;
}

a {
    color: #38B885;
    text-decoration: none;
}

a:hover {
    color: #38B885;
    text-decoration: underline;
}

.separator {
	width: 95%;
	border-top: 1px solid #38B885;
	margin-top: 75px;
}

.site-sidebar {
    background-color: #181818;
}

.section-toc, .section-toc-after, #header-navigation-next, #header-navigation-prev {
    display:none!important;
}

@media (min-width: 768px) {
    .toolbar {
        padding-top: 12px;
        padding-right: 0px;
    }
}
/* Header Styling */

.topic-link[data-topic-level="1"] {
    font-size: 140%;
    color:#181818;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 150;
}

.topic-link[data-topic-level="2"], .topic-link[data-topic-level="3"], .topic-link[data-topic-level="4"] {
    font-size: 110%;
    color:#181818;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 150;
}

h3.title, h2.title, h1.title {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 150;
}

h1.title {
    font-size: 30px;
}

h2.title {
    font-size: 26px;
}

@media (min-width: 768px) {
    .breadcrumb {
        font-size: 12px;
    }
}

.breadcrumb {
    font-size: 14px;
}

.breadcrumb a {
    color: #181818;
}

/* List Styling */

#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 20px;
}

.nav-site-sidebar {
	flex: 220px 0;
    background-color: #181818;
}

.topic-link.section {
    color: #ffffff;
    font:14px 'Noto Sans', sans-serif;
}
.toolbar {
    background-color: #DCDCDC
	/*flex: 57px 0;*/
}

/* Body and Content */

body {
  /*padding-top: 55px;*/
  /*padding-bottom: 30px;*/
  /*padding-right: 20px;*/
  /*height: 100%;*/
}

/* Portal Help Center */
.portal-header h1 {
    color: #FFFFFF;
    font-family:"Noto Sans", sans-serif;
}

.inner-row h3 {
    font-family:"Noto Sans", sans-serif;
}

.portal-header {
    background-color: #181818;
}

.portal-header .portal-search button, .publication-contents h4 span, .portal-single-publication .publication-icon {
    background-color: #38B885;
    color: #FFFFFF;
}

.portal-header .portal-search button:hover {
    background-color: #ffffff;
}

.portal-publications .inner-row {    
   
}

/* link colors*/
a:hover {
    color: #0A7F85;
}
/* search bar background color */

.portal-header .search-field {
    background-color: rgba(255, 255, 255, 0.2);
}

.show-all-categories {
    display:none;
}

.portal-body-row {
   
}
/* Hide lower right dropdown */
.dropup.languages.pull-right.col-md-2 {
    display:none;
}

/* Admonitions */
/* note colors */
.note:before {
	color: ##38B885; }
.note {
    border-left-color: ##38B885;
    background: transparent;
    border-left-width: 3px;
    border-radius: 5px;
    padding-bottom: 1px; }

/* tip colors */

.tip:before {
	color: #993ba3; }

.tip {
    border-left-color: #993ba3;
    background: transparent;
    border-left-width: 3px;
    border-radius: 5px;
    padding-bottom: 1px; }

/* important colors */

.important:before {
		color: #b88700; }

.important {
    border-left-color: #b88700;
    background: transparent;
    border-left-width: 3px;
    border-radius: 5px;
    padding-bottom: 1px; }

/* caution colors */
.caution:before {
		color: #d10a00; }

.caution {
    border-left-color: #d10a00;
    background: transparent;
    border-left-width: 3px;
    border-radius: 5px;
    padding-bottom: 1px; }

/*Category panels*/

.cat-panel-1:before{
    content: "\f090"; 
}
.cat-panel-2:before{
    content: "\f0c0"; 
}
.cat-panel-3:before{
    content: "\f132";
}
.cat-panel-4:before{
    content: "\f0ad";
}
.cat-panel-5:before{
    content: "\f0e8";
}
.cat-panel-6:before{
    content: "\f069"; 
}
/* Align portal tiles to the left */
.portal-publications .inner-row {
    justify-content: start;
  }

/*image thumbnails*/
.mediaobject.img-thumbnail img {
    max-width:50px;
    max-height:50px;
}
.img-thumbnail {
    border:none;
}

/*inline images*/

img {
    vertical-align:0em;
    padding:1px;
}

/* subheadings*/
h1.title {font-size:32px;
font-weight:bold;}
h2.title { font-size:28px;}
h3.title { font-size:20px;}

/*body text*/
body {
Size:16px;}

/*link colors*/
a { color: #005A70;}

/*accordion colors*/
.panel-heading .titlepage a, .panel-heading .titlepage a:hover, .panel-heading .titlepage a:active, .panel-heading .titlepage a:focus
{color: #005A70;}

/*table text align */
td {
vertical-align:text-top;}

/*table image icon align */
td .mediaobject {
vertical-align:middle;}

/* template titles font size fix */
.task-title {
    font-size: 28px;
   font-weight: normal;
 }
 .procedure-title {
   font-size: 28px;
   font-weight: normal;
 }

 /* list padding */
ul.itemizedlist {
    padding-top: 0px;
      padding-bottom: 0px;
    }

/* simplelist table padding */

table.simplelist td {
    padding-right: 25px;
    border: none;
   }
   
/* left margin of body text */
#content-wrapper {
    padding-left: 70px;
    padding-right: 0px;
   }
 
/*Turn off filter for extra responsive tables*/
.btn-toolbar{
    display: none;
}
/* Set sticky header height for tables in an accordion */
.section.accordion .sticky-table-header {
    height: 58px !important
}
 /* Indent level 5 of the TOC sidebar */
.nav-site-sidebar ul ul ul ul a {
    padding-left: 70px;
  }
  
  /* Indent 6th level TOC */
  .nav-site-sidebar ul ul ul ul ul a {
    padding-left: 85px;
  }
  /* Add horizontal rules to TOC sidebar */
  .nav-site-sidebar>li {
    border-bottom: .5px solid rgb(62, 67, 118);
}

ul.toc {
    padding-right: 0px; 
}