/* ---------------------------------------- */
/*    Director override. Fury, Nicholas J.  */
/* ---------------------------------------- */
body {
	font-size: 14px;
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	color: #242a30;
	line-height: 32px;
}

.h1, h1 {
	font-size: 36px;
}

.h2, h2 {
	font-size: 30px;
}

.h3, h3 {
	font-size: 24px;
}

.h4, h4 {
	font-size: 18px;
}

.h5, h5 {
	_font-size: 14px;
	font-size: 1.25rem;
}

.h6, h6 {
	font-size: 12px;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-size: 60%;
	font-weight: 400;
	color: #6a7786;
	padding-left: 10px;
}

pre {
	max-width: 80%;
}

select {
	border: 1px solid #CED4DA;
}
/* firefox fix for drop down arrow*/
@-moz-document url-prefix() {
	select {
		padding-right: 25px;
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfgCxACEBnQdLlTAAAAeklEQVRo3u3QyQ2AMAwFUVMBddETW1U0RgHhwAFFbLYUOxLMyzXKH0UEAAAAAP6uUd1qpTO/nGSRtVzoLMl4+tJ/ZUsoPm9LcJnXJwxe87oE1/n3BPf554SQ+fuEMWr+OiF0/pwQPp8nTDXmj4Rq83tC1XkAAAAAX7ABm5GrRSevg7kAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMTEtMTZUMDI6MTY6MjUtMDU6MDAzbD3PAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE2LTExLTE2VDAyOjE2OjI1LTA1OjAwQjGFcwAAAABJRU5ErkJggg==') right / 20px no-repeat #fff;
		background-repeat: no-repeat;
		background-position: calc(100% - 7px) 50%;
		-moz-appearance: none;
		appearance: none;
	}
}

/* color overwrite */
.text-primary {
	color: #003D7C !important;
}
.text-tan {
	color: #DB9D49;
}
.text-grey {
	color: #99979c;
}

.text-grey-darker {
	color: #929ba1 !important;
	font-size: .8rem;
}
/* -------------------- */

.home-icon {
	top: -.05px;
	font-size: 18px !important;
	margin-right: 5px;
}


/* --------------------------
	force tooltips, sidebar, content size
*/
.bd-navbar-wrapper {
   position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
}
.bd-sidebar-wrapper{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
	
}

.bd-content-wrapper {
	_width:100%;
    margin-top: 70px;
    right: 0;
    margin-left: 0px;
    z-index: 998;
	
}

.bd-sidebar {
	max-width:100%;
	background-color: #fff !important;
}


@media (min-width:768px) {
	.bd-sidebar-wrapper {
		top: 65px;
		z-index:999;
		max-width:240px;

	}
	.bd-sidebar {
		max-width: 240px;
	}

	.bd-content-wrapper {
		margin-left: 240px;
		
		z-index:998;
		
		
	}

	.tooltip-inner {
		max-width: 300px;
	}
}

@media (min-width:992px) {
	.tooltip-inner {
		max-width: 300px;
	}
}


@media (min-width: 1200px) {
}

/* -------------------------- */
.dc-row {
	display: flex;
	flex-wrap: wrap;
	padding: 5px 0px 10px 0px;
	margin-left: -10px;
	margin-bottom: 1rem;
	background-color: #f8f9fa;
	border: 1px solid #dee2e6 !important;
}
.btn-dc-outline-primary {
	color: #003D7C;
	background-color: transparent;
	background-image: none;
	border-color: #003D7C;
}
.btn-dc-outline-primary:hover {
	color: #fff;
	background-color: #003D7C;
	border-color: #003D7C;
}

input.form-dc-control {
	padding: 6px 5px 6px 5px;
	margin-bottom: 0px;
	vertical-align: bottom;
	font-size: 90%;
	line-height: 1.4;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badge.badge-light {
	border: 1px solid #dee2e6;
	color:#99979c;
	font-weight:400;

}

/* -- Auto rendered table - table View */
table#th > tbody > tr > td, table#th > tbody > tr > th, table#th > tfoot > tr > td, table#th > tfoot > tr > th {
	padding: 6px 15px;
	vertical-align: top;
	border: 1px solid #dee2e6;
	/*font-size:90%;
		padding: .5rem;
	*/
}

table#th > thead > tr > td, table#th > thead > tr > th {
	vertical-align: top;
	border: 1px solid #dee2e6;
	text-align: center;
	/*padding: .3rem !important;*/
	padding: 6px 15px;
	font-weight: 600 !important;
}

table#th > thead a {
	color: #212529;
}

table#th {
	margin-bottom: 10px;
}
.wrapcontrol td {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.dont-break-out {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/* -- Table rendered table - table Form*/

/* -- CDR table and Account CDR --*/
#cdr_body > tr > td, form[name=AccountCDR] table tbody > tr > td, form[name=AccountCDRSession] table tbody > tr > td {
	white-space: nowrap;
	font-size: 90%;
	text-align: center;
	vertical-align: middle !important;
}

form[name=AccountCDRSession] {
	margin-bottom: 20px;
}

form[name=AccountCDRSession] td:nth-child(11) {
	white-space: normal;
}

#cdr_body tr > td > span.oi {
	visibility: hidden;
	font-size: 60%;
	padding-left: 1px;
}

#cdr_body tr:hover > td > span.oi {
	visibility: visible;
	font-size: 60%;
	cursor: pointer !important;
	padding-left: 1px;
	top: -1px;
	/*color:#6a7786 !important;*/
	opacity: 0.8;
}

#cdr_body .addfilter:hover {
	cursor: pointer !important;
	color: #f59c1a;
}

#cdr_body a {
	lcolor: #212529 !important;
}

	#cdr_body a .oi {
		lcolor: #212529 !important;
	}

#cdr_body .text-primary {
	color: #077193 !important;
}

#cdr_body .border-left-primary {
	border-left: 3px solid #077193 !important;
}

#cdr_body .border-left-success {
	border-left: 3px solid #28a745 !important;
}

#cdr_body .border-left-info {
	border-left: 3px solid #17a2b8 !important;
}

#cdr_body .border-left-warning {
	border-left: 3px solid #f59c1a !important;
}

#cdr_body .border-left-danger {
	border-left: 3px solid #dc3545 !important;
}

#cdr_body .border-left-light {
	border-left: 3px solid #f8f9fa !important;
}

#cdr_body .border-left-dark {
	border-left: 3px solid #343a40 !important;
}

#cdr_body .border-left-white {
	border-left: 3px solid #fff !important;
}


.border-right-table {
	border-right: 1px solid #dee2e6 !important;
}

@media (min-width: 768px) {

	/* -- packmod form */
	.packMod.packForm input {
		min-width: 520px;
		margin-bottom: 5px;
	}
}

/* ---------------
	Jump menu
*/
.section-nav.jump-nav {

}

/*-- Check Box --*/
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #003D7C;
}

.custom-checkbox #pause_control.custom-control-input:checked ~ .custom-control-label::before {
	background-color: #dc3545;
}
/* ----------------- */

label.text-danger-hover:hover {
	color: #bd2130 !important;
}

.ssEditName {
	vertical-align: bottom;
}

.ssEditData {
	padding-left: 10px !important;
}

.TableEditBody > tbody > tr > td {
	padding-bottom: 5px;
}

	.TableEditBody > tbody > tr > td > select {
		max-width: 100%;
	}

.propTable > tbody > tr > td {
	padding-right: 15px;
}

	.propTable > tbody > tr > td.left {
		color: #99979c;
	}


/* icons */
.oi {
	color: #212529;
	font-size: 12px;
}

a .oi {
	color: #007bff;
}


.bd-sidenav a .oi.oi-external-link, .bd-sidenav a .oi.oi-timer,.jump-nav a .oi.oi-timer  {
	color: rgba(0,0,0,.65);
	font-size: 60%;
	top: -2px;
}
/* -------------------- */
.bd-sidenav li a:hover {
	background-color: #F8F9FA !important;
	color: rgba(0,0,0,.85);
	text-decoration: none;
}

/*      breadcrumbs    */
/* ------------------- */
.breadcrumb-plain {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	color: #242a30;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 90%;
}

.breadcrumb-plain-item + .breadcrumb-plain-item {
	padding-left: .5rem;
}

.breadcrumb-plain-item + .breadcrumb-plain-item::before {
	display: inline-block;
	padding-right: .5rem;
	color: #DB9D49;
	content: "|";
}

.breadcrumb-plain-item + .breadcrumb-plain-item:hover::before {
	text-decoration: underline;
	text-decoration: none;
}

.breadcrumb-plain-item.active {
	font-style: italic;
	font-weight: 500;
}

.breadcrumb-plain-item > a {
	color: #DB9D49;
}

.breadcrumb-small {
	padding: .5rem .75rem;
	line-height: 1.5;
}
/* ------------------- */

#doc-container-in .row {
	padding-bottom: 0px;
}

#doc-container-in form {
	padding-bottom: 15px;
}

h3 > small {
	font-size: 60%;
	color: #99979c;
}




.bd-toc-link {
	font-size: 14px;
	line-height: 20px;
}

.bd-toc-item {
	font-size: 14px;
}

.bd-content h3 {
	margin-top: 0px;
}
.__bd-content .dc-row:not(:first-child) {
    margin-top: 3rem;
}

.nc-icon {
	font-weight: 200;
}

/* ----------------------
	spinner
*/

.lds-dual-ring {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 10px;
}

	.lds-dual-ring:after {
		content: " ";
		display: block;
		width: 20px;
		height: 20px;
		margin: 1px;
		border-radius: 50%;
		border: 2px solid #DB9D49;
		border-color: #DB9D49 transparent #DB9D49 transparent;
		animation: lds-dual-ring 1.2s linear infinite;
	}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


/* ----------------------
	chartist graph
*/
main .trace_summary {
	border: 1px solid #E5E5E5;
}
#trace_summary .ct-series .ct-bar {
	stroke-width: 4px;
	cursor: pointer;	
}
#trace_summary .ct-series .ct-bar.cd-stroke-0 {
	stroke-width: 0px !important;
}
#trace_summary .ct-series .ct-bar.ct-sipout {
	stroke-opacity: 0.5 !important;
		
}

svg.ct-chart-bar span.ct-label {
	color:rgba(0,0,0,.8);
}

.oi.oi-data-transfer-download {
	transform: rotate(90deg);
	padding-top:2px;
}
.oi.oi-data-transfer-upload {
	transform: rotate(90deg);
	padding-top:2px;
}

.oi.oi-minus {
	transform: rotate(90deg);
	margin-right:-5px;
	padding-top:2px;
}


#trace_summary {
	display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
	mmmin-height:500px !important;
/*
	min-height:160px !important;
	overflow:hidden;
	margin-left:-20px;
	display: block;
    position: relative;
    width: 100%;
*/
}


main #trace_summary svg.ct-chart-bar > .ct-bar-label {
	white-space:nowrap;
    font-size: 12px;
    font-weight: 400;
	
	
}

main.dark #trace_summary svg.ct-chart-bar > .ct-bar-label {
	fill: #95A6A6;

}
main.dark #trace_summary svg.ct-chart-bar span.badge-dark{
	color: #292929;
    background-color: #D5D5D5;
}

main.dark #trace_summary svg.ct-chart-bar, main.dark #trace_summary svg.ct-chart-bar .oi-arrow-left:before, main.dark #trace_summary svg.ct-chart-bar .oi-arrow-right:before {
 color:#D5D5D5;
}

main.dark .trace_summary {
	border:1px solid #525252;
	background:#292929;
}
main.dark .trace_summary .ct-grid {
	stroke:#525252;
}

main.dark .trace_summary span.ct-label {
	stroke: #D5D5D5 !important;
	fill:#D5D5D5 !important;
	color:#D5D5D5 !important;
	font-weight:500;
}
/* ----------------------
	chartist colours
	case "1" msg_class = "ct-provisional-response"
	case "2" msg_class = "ct-successful-response"
	case "3" msg_class = "ct-redirection-response"
	case "4" msg_class = "ct-client-fail"
	case "5" msg_class = "ct-server-fail"
	case else msg_class = "ct-global-fail"
*/
/*
#_trace_summary .ct-bar.ct-provisional-response {
	stroke:#f4c63d;
}
*/
#trace_summary .ct-bar.ct-successful-response {
	stroke:#59922b;
}
/*
#_trace_summary .ct-bar.ct-redirection-response {
	stroke:#0544d3;
}
#_trace_summary .ct-bar.ct-server-fail {
	stroke:#f05b4f;
}
#_trace_summary .ct-bar.ct-global-fail {
	stroke:#f05b4f;
}
#_trace_summary .ct-bar.ct-invite {
	stroke:#f05b4f;
}
	*/
#trace_summary .ct-bar.client-fail {
	stroke:#e60207;
}

#_trace_summary .ct-bar.ct-db {
	stroke:#495057;
}

#trace_summary .ct-bar.ct-truncated {
		 stroke-dasharray:	4;

}

#__trace_summary .ct-bar.ct-truncated-pair {
stroke:#dc3545;

}



/* colour override */
.color-0{
	stroke: #077193 !important;
}
.color-1{
	stroke: #f05b4f !important;
}
.color-2{
	stroke: #f4c63d !important;
}
.color-3{
	stroke: #d17905 !important;
}
.color-4{
	stroke: #453d3f !important;
}
.dark .color-4{
	stroke: #dee2e6 !important;
}
.color-5{
	stroke: #59922b !important;
}
.color-6{
	stroke: #0544d3 !important;
}
.color-7{
	stroke: #6b0392 !important;
}
.color-8{
	stroke: #f05b4f !important;
}
.color-9{
	stroke: #dda458 !important;
}
.color-10{
	stroke: #eacf7d !important;
}
.color-11{
	stroke: #eacf7d !important;
}
.color-12{
	stroke: #86797d !important;
}
.color-13{
	stroke: #b2c326 !important;
}
.color-14{
	stroke: #6188e2 !important;
}
.color-15{
	stroke: #a748ca !important;
}
.color-16{
	stroke: #077193 !important;
}
.color-17{
	stroke: #f05b4f !important;
}
.color-18{
	stroke: #f4c63d !important;
}
.color-19{
	stroke: #d17905 !important;
}
.color-20{
	stroke: #453d3f !important;
}
.dark .color-21{
	stroke: #dee2e6 !important;
}
.color-21{
	stroke: #59922b !important;
}
.color-22{
	stroke: #0544d3 !important;
}
.color-23{
	stroke: #6b0392 !important;
}
.color-24{
	stroke: #f05b4f !important;
}
.color-25{
	stroke: #dda458 !important;
}
.color-26{
	stroke: #eacf7d !important;
}
.color-27{
	stroke: #eacf7d !important;
}
.color-28{
	stroke: #86797d !important;
}
.color-29{
	stroke: #b2c326 !important;
}
.color-30{
	stroke: #6188e2 !important;
}
.color-31{
	stroke: #a748ca !important;
}





.ct-series-p .ct-bar{
	stroke: #003D7C;
}
.ct-series-q .ct-bar {
	stroke: #f05b4f;
}
.ct-series-r .ct-bar {
	stroke: #f4c63d;
}
.ct-series-s .ct-bar {
	stroke: #d17905;
}
.ct-series-t .ct-bar {
	stroke: #453d3f;
}
.ct-series-u .ct-bar {
	stroke: #59922b;
}
.ct-series-v .ct-bar {
	stroke: #0544d3;
}
.ct-series-w .ct-bar {
	stroke: #6b0392;
}
.ct-series-x .ct-bar {
	stroke: #f05b4f;
}
.ct-series-y .ct-bar {
	stroke: #dda458;
}
.ct-series-z .ct-bar {
	stroke: #eacf7d;
}
/* ----------------------
	spark graph
*/

.sparkContainer canvas {
	border: 1px solid #dee2e6;
}

/* ----------------------
	original flot css
*/

.modalLook /* statpopups creates this background div*/ {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2;
}

.statFlot-container {
	/*relative makes us the anchor for child position:absolute*/
	position: relative;
	box-sizing: border-box;
	width: 320px;
	padding: 10px 10px 5px 5px;
	display: inline-block;
	float: left;
	border: 1px solid #777777;
	margin: 5px;
	background-color: #eee;
}

.statFlot-graph {
	width: 100%;
	height: 120px;
	xfont-size: 12px;
	font-size: smaller;
	line-height: 1.0em;
}

.statFlot-title {
	padding-top: 6px;
	/*makes child center*/
	text-align: center;
}

	.statFlot-title p {
		display: inline;
	}

.statFlot-container-layer {
	/*This layer sits above the container. We can superimpose a checkbox*/
	position: absolute;
	top: 2px;
	left: 2px;
}

.statFlot-container-layer-br {
	/*bottom right layer*/
	position: absolute;
	bottom: 2px;
	right: 2px;
}

.tickLabel p {
	/*flot graphs x axis label is stacked ymd/h:m*/
	line-height: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #343a40 !important;
	font-size: 8px;
}

.statOuter {
	overflow: none;
	display: inline-block;
	float: left;
	border: 1px solid #777777;
	margin: 5px;
	background-color: #ccc;
}

	.statOuter p {
		text-align: center;
	}

.statPopOuter {
	overflow-y: auto;
	max-width: 565px;
	max-height: 285px;
	border: 1px solid #777777;
	background-color: #fff;
	margin: 5px;
}

.statPop {
	width: 260px;
	float: left;
	border: 1px solid #777777;
	background-color: #fff;
	margin: 5px;
}

	.statPop p {
		text-align: center;
	}



/*
 -----------------
 scroll bar style
 --------------------
*/
#trace_body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #f8f9fa;
	border-radius: 10px;
}

::-webkit-scrollbar {
	width: 8px;
	background-color: #f8f9fa;
}

::-webkit-scrollbar-thumb {
	background-color: #95A6A6;
}


/*
 ----------------
 API documentation
 ----------------
*/

.bd-content-wrapper.bd-doco {
	line-height: 1.5;
	font-size: 1rem;
}

	.bd-content-wrapper.bd-doco.wiki-doco b {
		color: #242a30;
		font-weight: 600;
	}

	.bd-content-wrapper.bd-doco div.bd-callout, .bd-content-wrapper.bd-doco figure.highlight {
		max-width: 80%;
	}

	.bd-content-wrapper.bd-doco.wiki-doco h3 {
		color: #ef7d22;
	}

	/* wiki isnt great at tables. Ask jquery to add a class*/
	.bd-content-wrapper.bd-doco.wiki-doco table.wikitable tr.wikihead,
	.bd-content-wrapper.bd-doco.wiki-doco table.wikitable thead tr th.wiki {
		color: #242a30;
		font-weight: 600;
	}

	/* API toc */
	.bd-lead {
		padding-top: 10px;
	}
.wiki-toc {
	
	flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.wiki-toc.bd-toc-item.active > ul > li  {
	_color: #000;
  width:100%;
	font-size: 14px;
    _line-height: 20px;
    font-weight: 500;

}
.wiki-toc.bd-toc-item.active > ul > li > a {
	color: #ef7d22;
	
}
.wiki-toc.bd-toc-item.active > ul > ul {
	padding-left: 10px;
	
}

td.wiki {
	text-align: left;
}
@media (min-width: 768px) {
	.wiki-toc.bd-links {
		max-height: calc(100vh - 5rem);
		overflow-y: auto;
	}
}
/*
 ----------------
 Callouts
 ----------------
*/
.wiki-doco .doc-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
	max-width:80%;
}
.wiki-doco .doc-callout-info {
    border-left-color: #5bc0de;
}
.wiki-doco .doc-callout-warning {
    
	border-color:#ffeeba;
	border-left-color: #f0ad4e;
	color:#565555;
}
.wiki-doco .doc-callout-danger {
       border-left-color: #d9534f;
}
.wiki-doco .doc-callout-success {
	border-color: #c3e6cb;
       border-left-color: #155724;
	color:#565555;
}

/* ---------------- */