@import url(https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800&display=swap);

body{
	font-family: "Muli", sans-serif;
	background: #636363;
}

a{
	color: #177db7;
	transition: all ease 0.3s;
}

a:hover{
	color: #1d4289;
}

.breadcrumb{
	background-color: #eeeff1;
	border-radius: 0;
	margin-top: 5px;
	padding: .8rem;
}

.btn-group-xs > .btn, .btn-xs {
	border-radius: 0.2rem;
	font-size: 0.6rem;
	line-height: 1.4;
	margin:2px 3px;
	padding: 0.2rem 0.4rem;
}

.btn-group-xxs > .btn, .btn-xxs {
	border-radius: 0.15rem;
	font-size: 0.6rem;
	line-height: 1em;
	margin:2px 3px;
	padding: 0.2rem 0.2rem 0.1rem;;
}

header{
	background:#636363;
}

footer{
	color:#d6d6d6;
	font-size:.85em;
	padding:2rem 1rem 3rem;
}

nav{
	font-size:.96em;
}

nav li.nav-item > a{
	color:#fff;
}

nav .sup-nav-link{
	font-size: .95em;
	margin-top: 0;
  opacity: .7;
	padding-top: 0;
	transition: all ease .3s;
}

nav .sup-nav-link:hover{
	opacity: 1;
}

nav.subnavbar ul.navbar-nav a.nav-link{
	font-weight: 600;
	text-transform: uppercase;
	opacity: .9;
}

nav.subnavbar ul.navbar-nav a.nav-link:hover{
	opacity: 1;
}

.navbar-toggler-icon{
	color:#fff;
}

.navbar.border.rounded{
	border-radius:0 !important;
}

.navbar.border.rounded input,
.navbar.border.rounded button,
.navbar.border.rounded select,
.navbar.border.rounded optgroup,
.navbar.border.rounded textarea,
.navbar.border.rounded a.btn{
	margin-top:2px;
	margin-bottom:2px;
}

@media (min-width: 768px){
	.navbar-expand-md {
		align-items: flex-start;
	}
	
	nav.subnavbar{
		margin-top:-44px;
	}
}

.mainnavbar{
	background:#636363;
	padding: 0.7rem 1rem;
}

.page-break{
	page-break-before: always;
}

ul.pagination{
	margin-top:20px;
}

.select2-selection{
	font-size:.9em;
}

.select2-dropdown{
	font-size:.85em;
}

.sticky-table-header{
	position: relative;
}

.sticky-table-header th{
	position: sticky;
	top: 0;
}

.subnavbar{
	padding:0 0.5rem;
}

.navbar-brand{
	height: 85px;
	margin-right: 20px;
	text-indent: -99999px;
	width: 300px;
	z-index:999;
}

.table thead th{
	border-bottom: 0;
}

.table .thead-dark th{
	background-color: #636363;
	border:0;
}

.table-responsive{
	overflow-y: hidden;
}

.table-styled{
	font-size:.85em;
}

.table-styled thead tr{
	background: #636363;
}

.table-styled td{
	border-top: 2px solid #c9c9c9;
	padding:10px;
}

.table-styled th{
	background:#636363;
	border-bottom:0;
	color:#fff;
	padding: 10px;
}

.table-styled th a{
	color:#fff;
}

.table-styled thead th a.sortButton .fa.fa-sort-asc,
.table-styled thead th a.sortButton .fa.fa-sort-desc{
	opacity: .4;
	transition: all ease .3s;
}
		
.table-styled thead th a.sortButton:hover .fa.fa-sort-asc,
.table-styled thead th a.sortButton:hover .fa.fa-sort-desc{
	opacity: .9;
}
		
.table-styled thead th .fa.fa-sort-asc,
.table-styled thead th .fa.fa-sort-desc {
	color: #fff;
}

.table-styled .blue-row{
	background:#e9e9e9;
}

.table-styled .blue-row:hover{
	background:#dcdada;
}

.table-styled .blue-row td{
	background:#e9e9e9;
	border-top: 2px solid #8a8b8d;
	padding:10px;
}

.table-styled .blue-row:hover td{
	background:#dcdada;
}

.table-styled .grey-row{
	background:#c8c8c8;
}

.table-styled .grey-row td{
	border-top: 3px solid #f5f5f5;
	padding:10px;
}

.table-styled .statusSubRow{
	background:#fff;
}

.table-styled .statusSubRow:hover{
	background:#f9f9f9;
}

.table-styled .portfolioSubRow{
	background:#f2f2f2;
}

.table-styled .portfolioSubRow:hover{
	background:#e8e8e8;
}

.table-styled .statusSubRow td{
	background:#fff;
}

.table-styled .statusSubRow:hover td{
	background:#f9f9f9;
}

.table-styled .portfolioSubRow td{
	background:#f2f2f2;
}

.table-styled .portfolioSubRow:hover td{
	background:#e8e8e8;
}

tr.hiddenRow{
	visibility: hidden;
}

tr.hiddenRow td {
	border: 0;
	border-spacing: 0;
	box-sizing: border-box;
	height: 0;
	line-height: 0em;
	padding: 0 !important;
}

tr.hiddenRow td button{
	display:none;
}

tr.hiddenRow td i{
	display:none;
}

.underwritings-report table{
	font-size:.95em;
}

.underwritings-report table td{
	border-collapse: collapse;
	border:1px solid #333;
	height: 27px;
	padding:2px 5px;
}

.underwritings-report table .heading{
	background:#002060;
	color:#fff;
	font-size:1.1em;
	font-weight: 700;
	text-align: center;
}

.underwritings-report table .subheading{
	font-size:1.05em;
	font-weight: 700;
	text-align: center;
}

.underwritings-report table td.label{
	background:#D9D9D9;
	white-space: nowrap;
	width: 200px;
}

.underwritings-report .blue-text{
		color:#144ae4;
	}
	
	.underwritings-report tr.divider-line{
		border-top:3px solid #333;
	}

.underwritings-report .report-heading{
	font-weight:700;
}

.underwritings-report .report-heading h2{
	font-size:1.6em;
	font-weight:700;
	margin-bottom:10px;
}

.underwritings-report .report-heading img{
	height:auto;
	margin:5px 0 6px;
	width:200px;
}

.underwritings-report .report-heading p{
	margin:0;
}

.underwritings-report .report-heading .yellow-box{
	background: #FFFF00;
	color: #FF0000;
	display: inline-block;
	font-weight: 700;
	line-height: 1.4em;
	margin-top: 5px;
	padding: 8px 20px;
	text-align: center;
}

.white-wrapper{
	background:#fff;
}


@media print {
	
	@page {
		size: A4 landscape;
		max-height:100%;
		max-width:100%;
	}
	
	body {
		background:transparent;
		margin:0;
		padding:0;
		zoom: .8;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}
	
	footer,
	nav{
		display:none;
	}
	
	main{
		width:100%;
	}
	
	.card,
	.card-body{
		border:0;
		padding:0;
	}
	
	#dashboard .name button{
		display:none;
	}
	
	button.expandAllRows{
		display:none;
	}
	
	.table-styled th a.sortButton{
		display:none;
	}
	
	.table-styled .statusSubRow,
	.table-styled .blue-row{
		display:table-row !important;
	}
	
	.table-styled button.expandStatusButton,
	.table-styled button.expandPortfolioButton,
	.table-styled button.contractStatusButton,
	.table-styled button.contractPortfolioButton,
	.table-styled button.addCommentsButton{
		display:none !important;
	}
	
	.table-styled .portfolioSubRow td{
		background:#f2f2f2;
	}
	
	.table-responsive{
		overflow-x:visible;
		width:100%;
		position: relative;
	}
	
	.table-responsive .fl-scrolls{
		display: none;
	}
	
	.text-nowrap{
		white-space:normal !important;
	}
	
}

/* DROPDOWN MENU STYLES */
		
.dropdown-menu{
	background-color: #585858;
	border: 0;
	border-radius: 0;
	padding: 0;
}

.dropdown-item{
	color: #fff;
	padding: 7px 15px;
}

.dropdown-item:hover,
.dropdown-item:focus {
	color: #ffffff;
	background-color: #3c3c3c;
}

.dropdown-divider{
	border-top: 1px solid #6a6a6a;
	margin: 0;
}

.dropdown-menu.datepicker{
	background: #fff;
	border: 1px solid rgb(219 219 219);
	padding: 12px;
}

.card{
	border: 1px solid rgb(219 219 219);
	border-radius: 0;
}

.uppercase{
	text-transform: uppercase !important;
}

.col-1p5 {
	-webkit-box-flex: 0;
	flex: 0 0 12.5%;
	max-width: 12.5%;
}

.col-3p5 {
	-webkit-box-flex: 0;
	flex: 0 0 29%;
	max-width: 29%;
}