@font-face {
	font-family: 'avenirbook';
	src: url('/classes/mpdf/ttfonts/AvenirLT45Book.ttf');
}

@font-face {
	font-family: 'avenirbookoblique';
	src: url('/classes/mpdf/ttfonts/AvenirLT45BookOblique.ttf');
}

@font-face {
	font-family: 'bankgothicmedium';
	src: url('/classes/mpdf/ttfonts/Bank.Gothic.Medium.ttf');
}

/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  src: local('Orbitron-Light'), local('Orbitron-Regular'), url(https://fonts.gstatic.com/s/orbitron/v7/HmnHiRzvcnQr8CjBje6GQvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 500;
  src: local('Orbitron-Medium'), url(https://fonts.gstatic.com/s/orbitron/v7/VK2oK8L4CJesxwY5dF3zxY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 700;
  src: local('Orbitron-Bold'), url(https://fonts.gstatic.com/s/orbitron/v7/Y82YH_MJJWnsH2yUA5AuYY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 900;
  src: local('Orbitron-Black'), url(https://fonts.gstatic.com/s/orbitron/v7/FyvTORElv6iWeP2Jf9yG3Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {
	/*padding-top: 50px; */
	font-family: 'avenirbook';
}

p, h1, h2, h3, h4, h5, h6{
	font-family: 'avenirbook';
}

.middleRow{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.resultsClass{
	padding:0px;
}
.printBanner{
	display:none;
}

@page {
margin: 0mm !important;
margin: 8mm 0mm 0mm  0mm !important;
{ sheet-size: letter; }
}



@media print {

	.pageNumberContainer{
		position:relative;
		border:1px solid red;
		margin:0px 0mm 0px 0px !important;
		width:100%;
		height:100%;
		overflow:hidden;
		padding-right:0px;
	}

	.printablePageContainer{
		border:1px solid #2d4173;
		padding:20px 20px 0px 20px !important;
/*	   	background: url("https://stage.connectiveleadership.com/images/feedback_border.png") ;
	   	background-size: 100% 100%  !important;
		background-repeat: no-repeat;*/
		width:87.4%;
		height:95%;
		/*page-break-before:always;*/
		position:relative;
		margin-top: 0px !important;
		margin-right:0.0mm;
		margin-left:8.0mm;
	}

	.pageNumbers{
		text-align:right;
		margin:0px;
		padding:0px 20px 0px 0px;
		color:#999;
	}

	p{
		font-size:16px;
		line-height:1.5em;
	}
	.tab-content > .tab-pane {
    	display: block !important;
	    opacity: 1 !important;
    	visibility: visible !important;
	}
	.printHidden{
		visibility:hidden !important;
	}
    footer {
		page-break-after: always;
		page-break-before:always;
		}
	.printBanner{
    	display:block !important;
	}

	* { margin: 0 !important; padding: 0 !important; }
  	html, body {
	    /*changing width to 100% causes huge overflow and wrap*/
	    height:100%;
	    overflow: hidden;
	    -webkit-print-color-adjust: exact;
		font-family: 'avenirbook';

	  }

	p, em{
		font-weight: 200 !important;
		color:#333 !important;
		font-family: 'avenirbook';
}

	img { width:100%; }

  	li { margin: 0 0 10px 20px !important;}

	#pg1TitleWrapper{
		display: block !important;
		width: 92.3%;
		height:96% !important;
	   	background: url("https://assess.connectiveleadership.com/images/page1Feedback.jpg") ;
	   	background-position: 0px 0px !important;
	   	background-size: 100% 97% !important;
		background-repeat: no-repeat;
		padding-top: 374px;
		margin-left:8.2mm;
		}

	#pg1Title{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d4273+2,2d4273+100&0.98+2,0.98+100 */
background: -moz-linear-gradient(top,  rgba(45,66,115,0.92) 8%, rgba(45,66,115,0.92) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(45,66,115,0.92) 8%,rgba(45,66,115,0.92) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(45,66,115,0.92) 8%,rgba(45,66,115,0.92) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa2d4273', endColorstr='#fa2d4273',GradientType=0 ); /* IE6-9 */
  	padding: 17px 17px 17px 35px !important;
 	width: 100%;
 	display: block;
 	text-transform: uppercase;
	font-family: 'bankgothicmedium';
	font-weight: normal;
	}

	#pg1Title1 p{
	font-family: 'bankgothicmedium';
	font-weight: normal;
	margin:0px;
	padding:0px 0px -8px -3px;
	text-align:left;
	color:#fff !important;
	text-align:left;
	}

	.page_break {
	  width:100%;
	  height:100%;
	  position: relative !important;
	}

	.page_break_after {
		  width:100%;
		  height:100%;
		  position: relative !important;
		  page-break-after: always !important
		}
	.page_break_before {
		  width:100%;
		  height:100%;
		  position: relative !important;
		  page-break-after: always !important
		}


	.pg2 p{
		color:#2d4173 !important;
		font-size: 0.9em !important;
		margin-top:10px !important;
		line-height: 1.3em !important;
		font-weight: 900;
	}

	.pg2 h3{
		color:#2d4173 !important;
		font-size:1.25em !important;
		font-weight: 900;
	}

	h4.pageTitle{
		color:#2d4173 !important;
		margin-top:0px;
	}

	.pg3 h3, .pgStyles h3, .pgLast h3{
		line-height: 1.5em !important;
		color:#2d4173 !important;
		margin-top:0px !important;
		padding-top:0px !important;
		font-size: 1.4em !important;
		font-weight: 100 !important;
	}
	.pg3 p,.pg4 p, .pgLast p{
		font-size: 0.9em !important;
		line-height: 1.45em !important;
		margin-top:0px !important;
		padding-top:0px !important;
	}

	.pg3 p{
		margin-bottom:10px !important;
		padding-bottom:0px !important;
		text-align: justify !important;
	}

	.pg4 .dominant p{
		margin:0px;
	}

	.pgStyles p{
		font-size: 0.9em !important;
		line-height: 1.20em !important;
		margin-top:0px !important;
		padding-top:0px !important;
		text-align: justify;
		font-family: 'avenirbook';
	}

	.pg4 p,.pgStyles h3{
		color:#2d4173 !important;
	}

	.pgStyles h3{
		font-weight::300 !important;
		font-size: 1.5em !important;
		padding: 0px;
		margin: 0px;
	}

	.pgStyles h4{
		margin-top:0px !important;
		padding-top:0px !important;
}
	.pgStyles li p,.pgstyles li{
		line-height: 1.2em !important;
		margin:0px !important;
		padding:0px !important;
		color: #333 !important;
		font-size: 0.95em !important;
		font-family: 'avenirbook';
	}

	.pgStyles ul{
		margin-left: 0px !important;
		margin-top:0px;
		padding-top: 0px;
		padding-left:14px;
	}


	p.benefitsLimitations, .benefitsLimitations p{
		padding: 0px !important;
		margin-top: 5px !important;
		margin-bottom:0px !important;
	}

	.printTable table, .printTable td, .printTable th, .printTable p{
		padding:4px !important;
		color: #fff !important;
		background-color: #2d4173 !important;
		font-size: 0.9em !important;
		border:0px !important;
		color:#fff !important;
		border-collapse: collapse;
	}

	.printTable table{
		width: 100%;
	}

	.printTable p{
		color:#fff !important;
	}

	.pg4 p{
		color:
	}

	.printedQuotes p, .printedQuotes i, .printedQuotes{
		color: #2d4173 !important;
		font-size:1.00em !important;
		line-height: 1.3 !important;
		font-weight:400 !important;
		text-align: center;
	}

	.noSpace{
		margin:0px;
		padding: 0px;
	}

}



.h4PrintedFix{
	margin-top:10px;
	margin-bottom:10px;
	padding-top:0px;
	padding-bottom:0px;
}

.tab-pane{
/*	padding-top:20px; */
	margin-left:2px;
}

.cli-table{
	border:1px solid #999;
}

.nav-pills>li {
	background-color: #f1f1f1;
}

.pill-header{
	margin-top:0px;
}

.nav-pills>li.active>a{
/*	background-color: #7b150b !important; */
}

.nav>li.active>a{
	color: #7b150b !important;  /* CLI red */
}
.nav-pills>li.active>a{
	color: #fff !important;
}

.nav-pills>li>a{
	color: #337ab7 !important; */
}

span.glyphicon-info-sign {
    font-size: 1.2em;
}


.dominant{
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h1,h2,h3,h4,h5,h6,.lead{
	color: #2d4173;
}

.well-header{
	color: #000 !important;
	margin-top:0px;
	margin-bottom:10px;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    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: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    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 {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

.pager li>a, .pager li>span{
	border-radius: 5px;
	color: #333;
}

.tierInfoCell{
	margin-left: 20px;
	border:1px solid #ddd;
	border-radius: 5px;
	margin-bottom:20px;
}