.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link{
    padding-top: 0px;
    padding-bottom: 0px;
}

table{
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
    font-family: Arial;
}

table td{
    font-size: 14px !important;
}

td p{
    font-size: 14px !important;
    line-height: 1.7 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    margin-top: 0.5rem;
}

b{
    font-weight: 600;
}

div.first_div li {
    margin-bottom: 8px;
    margin-top: 8px;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

div.note {
    font-size: 14px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

div.example{
    font-size: 14px !important;
    margin-top: 20px;
    margin-bottom: 20px;
	
}
#content{
    font-family: Arial;
}
.dropDownHotspot:link{
    font-size: 14px !important;
}

div.first_div a{
    color: #2D8DCC !important;
    /* font-weight: bold !important; */
    text-decoration: none !important;
}

thead, tbody, tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe;
}

p {

    line-height: 1.8;
    font-size: 14px !important;
    margin-bottom: 10px;
}


 h1, .h1 {
            font-size: 1.25rem;
        }
        
        @media (max-width: 1200px) {
            h1, .h1 {
                font-size: calc(1.2875rem + 0.45vw);
            }
        }
        
        h2, .h2 {
            font-size: 1.10rem;
        }
        
        h3, .h3 {
            font-size: 1.0625rem;
        }
        
        h4, .h4 {
            font-size: 0.9375rem;
        }
        
        h5, .h5 {
            font-size: 0.8125rem;
        }
        
        h6, .h6 {
            font-size: 0.625rem;
        }


        .breadcrumb-item {
            font-size: 12px !important;
        }

        ul.menu._Skins_SideMenuNT.mc-component a {
            font-family: arial;
            font-size: 13px !important;
            line-height: 15px;
        }

        .topics-list {
            font-size: 13px;
            font-family: arial;
            padding-left: 32px;            
			padding-bottom: 0;
            margin-bottom: 0;
        }

        .navbar-search .form-control {
            width: 150px;
            background-color: transparent;
            border: 0;
            transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            height: 33px;
            font-size: 12px;
        }

        .navbar-search .focused .input-group .form-control{
            width: 180px;
        }

        .navbar-search-light .input-group{
            margin-bottom: 3px;
            margin-top: -6px;
        }

        div.MCBreadcrumbsBox_0{
            margin: -18px 0px 0px 13px;
            padding: 0;
            border: none; 
        }
		
		.myrelatedtopics{	
            background: #ced4d9;
                padding: 0px;
                margin-top: 10px;
                padding-right: 10px;          
            
            }

            .topicheadname {	
                font-size: 13px;
                    padding: 10px 0px 0px 14px;
                    color: black;
                    font-weight: bold;
                
                }                

                h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
				font-weight: 100 !important;
                        padding-top:13px;
                        padding-bottom: 8px;
                    }




.icosecond{
font-family: Open Sans, sans-serif;
}

li p{
    margin-bottom: 8px;
    margin-top: 8px;
}

.navbar-vertical .navbar-brand-img,
  .navbar-vertical .navbar-brand > img {
   margin-left: 26px;
}

/* ul.menu._Skins_SideMenuNT.mc-component a{
    font-family: arial;
    font-size: 14px !important;
}

.topics-list{
    font-size: 14px;
    font-family: arial;
} */

.topicheadname{
    font-family: arial;
}

@media only screen and (max-width: 600px) {
  .container-fluid .col .font-weight-normal{
	 font-size: 11px !important;
    text-align: center !important;
    margin-top: 10px !important; 
  }
}

#return-to-top {
		position: fixed;
		bottom: 70px;
		right: 20px;
		
		width: 50px;
		height: 50px;
		display: block;
		text-decoration: none;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border-radius: 35px;
		display: none;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		}
		#return-to-top i {
		/* color: #003e75; */
		margin: 0;
		position: relative;
		left: 16px;
		top: 0px;
		font-size: 19px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		}
		#return-to-top:hover {
		
		}
		#return-to-top:hover i {
		color: #f39200;
		top: 5px;
		}

        @media only screen and (max-width: 1200px) {
            .col-12.collapse-brand.d-none.d-lg-block{
                width: 540px;
            }
          }

/*Use this span style to style variables within inline code or pathnames.*/

span.codevariable
{
	font-family: 'Courier New';
	font-style: italic;
	font-size: 1em;
}

span.codeinline_red
{
	font-family: 'Courier New';
	font-size: 1.1em;
	color: #FF0000;
	font-weight: bold;
}

span.codeinline_green
{
	font-family: 'Courier New';
	font-size: 1.1em;
	color: #008000;
	font-weight: bold;
}

span.codeinline_amber
{
	font-family: 'Courier New';
	font-size: 1.1em;
	color: #FFBF00;
	font-weight: bold;
}

.accordion
{
	width: 90%;
	max-width: 1000px;
	margin: 2rem auto;
}

.accordion-item
{
	background-color: #fff;
	color: #111;
	margin: 1rem 0;
	border-radius: 0.5rem;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
}

.accordion-item-header
{
	padding: 0.5rem 3rem 0.5rem 1rem;
	min-height: 38px;
	line-height: 16px;
	font-weight: normal;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	background: #a4acb1;
	color: white;
	font-size: 13px;
}

.accordion-item-header::after
{
	content: "\002B";
	font-size: 2rem;
	position: absolute;
	right: 1rem;
}

.accordion-item-header.active::after
{
	content: "\2212";
}

.accordion-item-body
{
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.accordion-item-body-content
{
	padding: 1rem;
	line-height: 1.5rem;
	border-top: 1px solid;
	border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

/*Latest menu*/

ul.submenu1.dropdown-menu {
  display: none;
}
.resourcebtn a{
padding-right: 5px!important;
}
.head i.fas.fa-angle-right {
  vertical-align: middle;
  padding: 0px 10px 0px 20px;
}

.sub-child:hover ul.submenu1.dropdown-menu {
  display: block;
}
.sub-child a.head{
font-weight: 500;
}
.sub-child .submenu1 li a{
color: #525f7f;
}
ul.submenu1.dropdown-menu {
  float:left;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #525f7f;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, 0.15);
  border-radius: 0.4375rem;
  box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%);
}

@media screen and (max-width:767px) {
ul.submenu1.dropdown-menu {
  display: block;
  position: relative!important;
  box-shadow: none;
  top: 0px;
  margin: 0px;
  padding: 0px;
}
a.nav-link {
  font-size: 12px;
}

}

ul.navbar-nav .dropdown-header {
  padding: 0px 10px;
  font-size: 11px;
}

ul.navbar-nav a.dropdown-header {
color: #003e75;
}

ul.navbar-nav a.dropdown-header:hover {
color: #8898aa;
}

.icons{
width: 45px;
height: auto;
vertical-align: middle;
margin-right: 5px;
}

.learn-icon{
content:url('../assets/img/icons/icon/icon_TLC.jpg');
}

.community-icon{
content:url('../assets/img/icons/icon/icon_Customer_Retention.jpg');
}

.api-icon{
content:url('../assets/img/icons/icon/icon_API.jpg');
}

.exchange-icon{
content:url('../assets/img/icons/icon/icon_exchange.jpg');
}

.saas-icon{
  content: url('../assets/img/icons/icon/icon_saas.jpg');
}

.other-icon{
content:url('../assets/img/icons/icon/icon_Quantum.jpg');
}

.database{
content:url('../assets/img/icons/icon/icon_Data.jpg');
}

.previous-icon{
content:url('../assets/img/icons/icon/icon_Tributed_Database.jpg');
}


@media only screen and (max-device-width: 767px){
.sidenav-toggler-inner {
    left: 0px!important;
}
div#navbarSupportedContent ul:first-child {
    margin-left: -30px;
}
}

nav#myNavbar {
  padding: 0px;
  right: 20px;
  position: absolute;
  margin-right: 10px;
}

@media only screen and (max-width: 375px){
nav#myNavbar {
  margin-right: 0px;
  right: 8px;
}
.logout-btn span{
  display: none;
}
}

div#navbarSupportedContent ul:first-child {
  margin-left: -30px;
}

.navbar-nav.nav-fill .nav-link {
  font-size: 14px;
  padding: 10px 10px!important;
}

.d-md-flex.align-items-start.justify-content-start {
  padding: 5px 10px 5px 0px;
}


@media only screen and (max-device-width: 480px){
  .navbar-nav.nav-fill .nav-link {
      font-size: 12px;
      padding: 5px 7px!important;
      margin-right: 0px;
  }
  ul.navbar-nav.ml-auto.nav-fill{
    margin-top: 18%!important;
  }
  div#navbarSupportedContent ul:first-child{
    z-index: 9999;
  }
  
}

@media only screen and  (min-width: 576px) and (max-width: 767px){
  .navbar-nav.nav-fill .dropdown-menu{
      right: auto;
  }
}

@media only screen and  (min-width:300px) and (max-width: 720px){

  li.nav-item.view {
      position: absolute;
      top: 18px;
      right: 30%;
  }

  nav#myNavbar {
      right: 0px;
      margin-right: 0px;
  }

  li.nav-item.selectbox{
      margin-bottom: 10px;
  }

  li.nav-item.selectbox select {
      width: 28%;
      position: absolute;
      top: 18px;
      right: 8px;
      font-size: 12px;
  }
  ul.navbar-nav.ml-auto.nav-fill{
      margin-top: 13%;
    }

}

.productSearch input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px;
}
.productSearch input::-moz-placeholder { /* Firefox 19+ */
  font-size: 12px;
}
.productSearch input:-ms-input-placeholder { /* IE 10+ */
  font-size: 12px;
}
.productSearch input:-moz-placeholder { /* Firefox 18- */
  font-size: 12px;
}
.productSearch input::placeholder {
  font-size: 12px;
}

li.nav-item.selectbox {
  margin-right: 5px;
}

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

  .navbar-vertical.navbar-expand-xs{
      z-index: 99999;
  }
  
  }


  /* new style for Copy code button*/

  .accordion.js-accordion{
    margin: 0;
  }
  .callout p {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
  .copy-code-button {
    border-radius: 0;
    min-width: 55px;
    background: none repeat scroll 0 0 transparent;
    /* background-color: #000; */
    color: #000 !important;
    cursor: pointer;
    /* border: 1px solid #bbb; 
    border: 0; */
    border-style: none;
    font-family: 'HELVETICA',sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.42rem;
    margin: 0;
    /* padding: 6px 10px 10px;
    padding: 0px 5px; */
    padding: 3px 8px;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
  
    /* right-align
    display: block;
    margin-left: auto;
    margin-right: 0;
  
    margin-bottom: -2px;
    padding: 3px 8px; */
  }
  
  .copy-code-button > span {
    color: #F1F2F3 !important;
  }
  
  .copy-code-button, ::before, ::after {
    box-sizing: inherit;
  }
  
  .copy-code-button::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
  }
  
  /* .copy-button::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
  } */
  
  /* .copy-code-button:hover {
    cursor: pointer;
    background-color: #F2F2F2;
  } */
  
  /* .copy-code-button:active {
    background-color: #D9D9D9;
  } */
  
  .copy-code-button:focus {
      /* Avoid an ugly focus outline on click in Chrome,
         but darken the button for accessibility.
         See https://stackoverflow.com/a/25298082/1481479 */
      /* background-color: #E6E6E6; */
    outline: 0;
  }
  
  pre {
    /* color: #FFF;
    background-color: #000; */
    border-radius: 0px !important;
  }
  
  pre[class*="prettyprint"] {
    -moz-tab-size: 4;
    -moz-hyphens: none;
    hyphens: none;
    position: relative;
    overflow: hidden;
    padding-top: 30px;
    white-space: break-spaces;
  }

  button.copy-code-button{
    background-color: gray !important;
        width: 100% !important;
        position: absolute !important;
        right: 0 !important;
        text-align: right !important;
        color: white !important;
    }
  
  ol.linenums {
    padding: 0;
    list-style-position: inside;
    overflow: auto;
  }