/* Added to override/fix 3scale bootstrap styles */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);

/*body { background-color: #fff; }*/

body {
	background: #ffffff;
	/*font-size: 22px;*/
	/*line-height: 32px;*/
	color: #666666;
	word-wrap: break-word !important;
	/*font-family: 'Open Sans', sans-serif;*/
}

.jumbotron h1 { font-size: 50px; color: rgb(1, 58, 111); }

.navbar-expand-md .navbar-nav .nav-link { padding-right:.5rem;padding-left:.5rem; }

.navbar { align-items: center; }

.navbar-collapse { align-items: center; }
ft
.fa-navbar-white {
    background-color: #fff;
    border-color: #fff;
}

/* End */

p{ clear:both; padding:8px 0; margin:0; /*line-height:24px;*/}
p a{ color:#063b5a;}
p a:hover{ text-decoration:none;}
/*a, a:hover{ text-decoration:none;  color:#000;}*/
ul, ol{margin:0;}
ul{list-style: none;}
		.bg1 {
			background-image : url("/images/pic1.jpg");
			background-size: cover;
			-moz-background-size: cover;  /* Firefox 3.6 */
			background-position: center;  /* Internet Explorer 7/8 */
			color: #eee;
		}
		.bg1b {
			background-image : url("/images/pic1b.jpg");
			background-size: cover;
			-moz-background-size: cover;  /* Firefox 3.6 */
			background-position: center;  /* Internet Explorer 7/8 */
			color: #eee;
		}
		.bg2 {
			/*background-image : url("imgs/pic2.jpg");*/
			background-size: cover;
			-moz-background-size: cover;  /* Firefox 3.6 */
			background-position: center;  /* Internet Explorer 7/8 */
			/*color: #eee;*/
			background-color: rgb(242,242,242);
		}
		.bgdoc {
			background-image : url("imgs/docs.jpg");
			background-size: cover;
			-moz-background-size: cover;  /* Firefox 3.6 */
			background-position: center;  /* Internet Explorer 7/8 */
			color: #eee;
		}
		.title1 {
			text-align:left;
		}
		.title2 {
		}
		.mddl {
			padding-left:8px;
		}
		.contentarea {
			position: relative;
			max-width:1280px; /* 1280 */
			width:100%;
			left: 50%;
			transform: translateX(-50%);
		}
		.rightcontentarea {
			position: relative;
			max-width:880px;
			width:100%;
		}
		.flex-hcc {
		   -webkit-box-orient: horizontal;
		   -webkit-box-pack: center;
		   -webkit-box-align: center;

		   -moz-box-orient: horizontal;
		   -moz-box-pack: center;
		   -moz-box-align: center;

		   box-orient: horizontal;
		   box-pack: center;
		   box-align: center;
		}
		.api1 {
			padding-left:28px;
			padding-top:8px;
			padding-bottom:8px;
			/*background-image : url("imgs/apiod.jpg");*/
			background-size: cover;
			-moz-background-size: cover;  /* Firefox 3.6 */
			background-position: center;  /* Internet Explorer 7/8 */
			color: #eee;
		}
		.api2 {
			padding-top:8px;
			padding-bottom:8px;
			/*background-image : url("imgs/apiyyd.jpg");*/
			background-size: cover;
			-moz-background-size: cover;  /* Firefox 3.6 */
			background-position: center;  /* Internet Explorer 7/8 */
			color: #eee;
		}
		.api3 {
			padding-top:8px;
			padding-bottom:8px;
			/*background-image : url("imgs/apigd.jpg");*/
			background-size: cover;
			-moz-background-size: cover;  /* Firefox 3.6 */
			background-position: center;  /* Internet Explorer 7/8 */
			color: #eee;
		}
		.api4 {
			padding-top:8px;
			padding-bottom:8px;
			/*background-image : url("imgs/apicd.jpg");*/
			background-size: cover;
			-moz-background-size: cover;  /* Firefox 3.6 */
			background-position: center;  /* Internet Explorer 7/8 */
			color: #eee;
		}
		.api5 {
			padding-top:8px;
			padding-bottom:8px;
			/*background-image : url("imgs/apiog.jpg");*/
			background-size: cover;
			-moz-background-size: cover;  /* Firefox 3.6 */
			background-position: center;  /* Internet Explorer 7/8 */
			color: #eee;
		}
		.feature{
			text-align:center;
			vertical-align: middle;
			display: flex;
			align-items: center;
			justify-content: center;
			color:white;
			background-color:rgb(1,58,111);
			padding-top:3px;
			padding-bottom:3px;
			/*font-weight:bold;*/
			font-size:30px;
			height:74px;
		}
		
		.pipe {
			color:#7b7b7b;          	
		}
		.textsmall{
			text-align:center;
			color:rgb(105,107,108);
			font-size:18px;
		}
		.api_desc{
			text-align:center;
			color:rgb(105,107,108);
			font-size:20px;
		}
		.doc_text{
			padding:0px 0px 0px 0px;
			font-size:14px;
		}
		.textmedium{
			text-align:center;
			color:rgb(105,107,108);
			font-size:24px;
		}
		.textlarge{
			text-align:center;
			color:rgb(105,107,108);
			font-size:30px;
		}
		.textlargebold{
			text-align:center;
			color:rgb(105,107,108);
			font-size:30px;
			font-weight:bold;
		}
		.textlargelightblue{
			text-align:center;
			color:rgb(47,197,244);
			font-size:30px;
		}
		.textlargedarkblue{
			text-align:left;
			color:rgb(1,58,111);
			font-size:30px;
		}
		.texttitledarkblue{
			text-align:left;
			color:rgb(1,58,111);
			font-size:50px;
			font-weight:bold;
		}
		.textcenterinfo{
			text-align:left;
			color:rgb(105,107,108);
			font-size:24px;
		}
		.linkcenterinfo{
			text-align:center;
			color:rgb(105,107,108);
			font-size:30px;
			text-decoration:underline;
		}
		.doc_section{
			padding:0px 4px 0px 4px;
			font-size:14px;
		}
		.img-responsive.img-center {
		  margin: 0 auto;
		}
		.footer{
			background-color:rgb(102,102,102);
		}
		.ftr-btm{
			float:left;
			width:100%;
			background-color:rgb(82,82,82);
			padding: 15px 15px;
		}
		.linkcenter {
			text-align:center;
		}
		.icon-reg {
			/*width:110px;
			height:110px;*/
			position:relative;
		}
		.icon-1 {
			width:48px;
			height:48px;
			background-image:url("imgs/fa_icon.png");
			background-position:0 0;
			position:relative;
		}
		.icon-2 {
			width:48px;
			height:48px;
			background-image:url("/imgs/fa_icon.png");
			background-position:-48px 0;
			position:relative;
		}
		.icon-3 {
			width:48px;
			height:48px;
			background-image:url("imgs/fa_icon.png");
			background-position:-96px 0;
			position:relative;
		}
		.icon-4 {
			width:48px;
			height:48px;
			background-image:url("imgs/fa_icon.png");
			background-position:-144px 0;
			position:relative;
		}
		.icon-5 {
			/*width:48px;
			height:48px;*/
			background-image:url("imgs/bankruptcy_icon.jpg");
			/*background-position:0 -48px;
			position:relative;*/
		}
		.icon-6 {
			/*width:48px;
			height:48px;*/
			background-image:url("imgs/4506T_icon.jpg");
			/*background-position:-48px -48px;
			position:relative;*/
		}
		.icon-7 {
			/*width:48px;
			height:48px;*/
			background-image:url("imgs/watchlist_icon.jpg");
			/*background-position:-96px -48px;
			position:relative;*/
		}
		.icon-8 {
			/*width:48px;
			height:48px;*/
			background-image:url("imgs/asset_icon.jpg");
			/*background-position:-144px -48px;
			position:relative;*/
		}
		.icon-9 {
			width:48px;
			height:48px;
			background-image:url("imgs/fa_icon.png");
			background-position:-192px 0;
			position:relative;
		}
		.icon-10 {
			width:48px;
			height:48px;
			background-image:url("imgs/fa_icon.png");
			background-position:-240px 0;
			position:relative;
		}
		.icon-11 {
			width:48px;
			height:48px;
			background-image:url("imgs/fa_icon.png");
			background-position:-288px 0;
			position:relative;
		}
		.fa_img_center {
			display:block;margin: auto;
		}

.overlayimage {
    position: absolute; /* Sit on top of the page content */
    display: block; /* Shown by default */
    width: 30px; 
    height: 25px; 
    left: 20px;
    top: 50%;	
    z-index: 2; /* Specify a stack order in case you're using a different order for */
} 

/*footer*/
.footer{ float:left; width:100%; background:#666; padding:10px 0 0 0; height:215px; }
.ftr-btm{ float:left; width:100%; background:#515151; padding: 15px 15px; margin-top:15px;}
.footer h6 { color: #fff; font-weight: bold; font-size:12px;}
.footer p, .footer a { color: #fff; line-height: 20px; padding: 0;}
.ftr-btm li { float: left; margin-right: 27px;}
.ftr-btm li a { color: #cdcdcd; font-size: 12px;}
.ftr-btm p { color: #cdcdcd; font-size: 12px; line-height: 16px; margin: 0; padding-top: 15px;}
.footer a:hover{ text-decoration:underline; color:#fff;}
.social{ padding:8px 0;}

/* Documentation page */

		.nav-link2:hover {
			background-color:#ddd;
			color:#a6a
		}
		.nav-link2 {
			padding: 10px 16px;
			color:#6aa;
			display:block;
			width:100%;
		}
		.doc_content {
			color:#666;
		}
		.doc_sub_line {
			color:#379;
            font-weight:600;
		}
		#m_ovr {
			background-color: #ddd;
		}
		.thick {
			font-weight:bold;
		}
		

/* mod for nav link top to adjust color, size, hover */
.nav-item a {
	/*font-size: 18px; */
	color: #7b7b7b ;
	font-weight:400;
	font-size:12px;
}

.nav-smalltext li {
	color: #7b7b7b ;
	font-weight:400;
	font-size:8px;
}

.nav-item a:hover{
	color: #336898 !important;
}

/* Drop-down menu */

#FirstAmNavbar {
	margin: 0 auto;
	display: block;
	padding-top: 7px;
}	
nav {
	margin: 0px 0;
	background-color: #ffffff;
}
nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
nav ul li {
	display: inline-block;
	background-color: #ffffff;
}
nav a {
	display: block;
	padding: 0 10px;
	color: #666666;
	font-size: 16px;
	line-height: 35px;
	text-decoration: none;
	border-radius: 4px;
	font-weight: 500;
}
nav a:hover {
	background-color: #ececec;
	color: #015ca9;
}
/* Hide Dropdowns by Default */
nav ul ul {
	display: none;
	position: absolute;
	/*top: 60px;*/ /* the height of the main nav - removed because it was causing gap */
}
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display: inherit;
}
/* First Tier Dropdown */
nav ul ul li {
	font-size: 12px;
	padding: 0 0 0 0;
  /* padding: 3 3 3 10; */
	width: auto;
	float: none;
	display: list-item;
	position: relative;
	background-color: #f6f5f5;
	margin-bottom: 0px;
}
/* Second, Third and more Tiers	*/
nav ul ul ul li {
	width: 260px;
	position: relative;
	top: -33px;
	left: 160px;
}
/* Change this in order to change the Dropdown symbol */
li > a:after {
	content: '';
}
li > a:only-child:after {
	content: '';
}

/* Start CSS Accordion styles */	
.half {
    /* float: left; */
    float: left;
	width: 100%;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 0px;
    border-color: #428bca;
}
/* Accordion styles */
.tab {
	position: relative;
	margin-bottom: 1px;
	width: 100%;
	color: #333333;
	overflow: hidden;
}
.tab-input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}
.tab-label {
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	background: #428bca;
	font-weight: bold;
	line-height: 3;
	cursor: pointer;
	color: #ffffff;
  	margin-bottom: 0px;
}
.tab-content {
	/*max-height: 35em;*/
  	max-height: none;
	overflow: hidden;
	background: #ffffff;
	-webkit-transition: max-height .35s;
	-o-transition: max-height .35s;
	transition: max-height .35s;
}
.blue .tab-content {
	background: #3498db;
}
.tab-content p {
	margin: 1em;
}

/* :checked */
.tab-input:checked ~ .tab-content {
	max-height: 0;
  	margin-bottom: 0px;
}
/* Icon */
.tab-label::after {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 3em;
	height: 3em;
	line-height: 3;
	text-align: center;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
  	margin-bottom: 0px;
}
.tab-input[type=checkbox] + label::after {
	content: "\2716";
  	margin-bottom: 0px;
}
.tab-input[type=radio] + label::after {
	content: "\25BC";
  	margin-bottom: 0px;
}
.tab-input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}
.tab-input[type=radio]:checked + label::after {
	transform: rotateX(180deg);
}
/* END CSS Accordian styles */

.left_nav_menu {
  float:left;
  width:240px;
}

.centercont {
  height: 100%;
  position: relative;
}
.centervertical {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.dropdown-a {
 color: #7b7b7b !important; 
}

.dropdown-a:hover {
 background-color: #eeeeee !important;
 color: #336898 !important
}

.span-break {
 display:table; 
}

/* Icon when the collapsible content is shown */
.panel-heading .accordion-toggle:after {
  font-family: "Glyphicons Halflings";
  content: "\e114";
  float: right;
  margin-left: 15px;
}
/* Icon when the collapsible content is hidden */
.panel-heading .accordion-toggle.collapsed:after {
  content: "\e080";
}

/*#account_Desired_API_Access {
	height: 100px;
}*/

.navbar-nav > li {
    background-color: transparent !important
}

.trans-bg {
    background-color: transparent !important
}

.table-nopad thead > tr > th, .table-nopad tbody > tr > th, .table-nopad tfoot > tr > th, .table-nopad thead > tr > td, .table-nopad tbody > tr > td, .table-nopad tfoot > tr > td {
	padding: 0 !important;
}

.delete {
    -webkit-appearance: button;
    cursor: pointer;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-image: none;
    font-family: inherit;
    margin: 0;
}

.delete:hover, .delete:focus, .delete:active, .delete.active {
    color: #ffffff;
    background-color: #d2322d;
    border-color: #ac2925;
}

.main-content {
  min-height: calc(100vh - 215px);
  padding-top:85px
}


@media screen and (max-width: 240px) {
    #menu_holder {
         display:none;
    }
}
@media (min-width: 600px) {  
	.nav-item a {
		font-size:16px;
	}
}

@media (min-width: 1000px) {  
	.nav-item a {
		font-size:18px;
	}
}

li:hover > ul {
    display: block;
}

/* Mouse over API image */
.hoverapi {
    width: 50%;
  	height:110px;
}

.hoverapi-image {
	opacity: 1;
	display: block;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
	padding-left: 60%;
}

.hoverapi-image-middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	width: 130px;
}

.hoverapi-text {
	background-color: #337ab7;
	color: white;
	font-size: 18px;
	padding: 10px 16px;
	border-radius: 6px;
	cursor: pointer;
}

.hoverapi:hover .hoverapi-image {
	opacity: 0;
}

.hoverapi:hover .hoverapi-image-middle {
	opacity: 1;
}

.icon-static {
	padding-left: 60%;
}

/* ccpa notice*/
.ccpa-notice {
  display: none;
  position: fixed;
  bottom: 20px;
  z-index: 10000;
  width: 98%;
  margin: 1%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.8);
  min-height: 84px;
}
.ccpa-notice p {
  color: #ffffff;
  font-size: 11pt;
  float: left;
  margin: 0;
  display: block;
  margin: 6px 110px 0 0;
}
.ccpa-notice p a {
  color: #ffffff;
}
.ccpa-notice p a:hover {
  color: #026fd4;
}
.ccpa-notice button {
  background: #013a6f;
  color: #ffffff;
  border: none;
  width: 70px;
  padding: 10px;
  position: absolute;
  right: 20px;
  top: 36px;
}