/**
 *
 *	Branding For COSAP Hybrid Overlays
 *
 */ 

@font-face {
	font-family: 'Istok Web';
	font-weight: 400;
	src: url('/hybrid/cosap/fonts/IstokWeb/IstokWeb-Regular.ttf');
}

body {
	background:#FFFFFF;
	color:#666;
	
}

a.windowLink {
	color:#6699CC;
}

a.windowLink:hover {
	color:#1459FF;
}

.modal-header {
	padding:15px 15px 10px 15px;
	background:#F7F7F7;
	border-bottom:1px solid #CCCCCC;
	font-size:16px;
	height:25px;
}

.modal-header-label {
	float: left;
	margin-top: 3px;
}

body > .modal-header + .main {
	max-height: calc(100% - 51px);
	overflow: auto;
}

@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, body > .modal-header + .main { 
		height: calc(100% - 51px);
	}
}

.main {
	width:100%;
	padding-bottom: 1px;
	box-sizing: border-box;
}

.main > .content, #cardlytics-view .content {
	border:1px solid #cccccc;
	border-radius:7px;
	background:#F7F7F7;
	padding:20px 40px 20px 20px;
	margin: 15px;
	width: initial;
	width: auto;
	font-family: 'Istok Web',verdana,sans-serif;
}

table {
	border-collapse:collapse;
}

table * td {
	padding:7px;
}

.label {
	font-weight:bold;
	width:150px;
}

.disabled {
	color:#CCC;
}
.requestStatementView .alert, .alertHeader{
color:#922E34;
display:none;
}
.alertHeader {
    margin: 17px;
    padding: 5px 20px;
	background-color:#E6CACC;
	    border-radius: 7px;
}


 /** 
 *
 *	Responsive Tier 3: 0 - 679
 *
 */

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

	.main > .content, #cardlytics-view .content {
		padding: 20px;
		width: initial;
		width: auto;
	}

 }