/* cs-panel.css */

*{
	box-sizing: border-box;
}

.panels-c {
	max-width: 1800px;
	margin: 0 auto;
}
.panel {
	display: inline-block;
	vertical-align: top;
	width: 230px;
	min-height: 28em;
	margin: 1em;
	padding: 5px 5px 30px 5px;
	border: 1px solid #ccc;
	border-radius: 8px;
	border-top-width: 10px !important;
	border-bottom-width: 10px !important;
	background-color: white;
}
.panel h4 {
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 1em;
}
.panel-text {
	min-height: 16em;
	margin-right: 2px;
}

.p-pki {
	border-top-color: #cc0000;	
	border-bottom-color: #cc0000;	
}
.p-api {
	border-top-color: #006600;	
	border-bottom-color: #006600;	
}
.p-pqc {
	border-top-color: #733300;	
	border-bottom-color: #733300;	
}
.p-scn {
	border-top-color: #000080;	
	border-bottom-color: #000080;	
}
.p-xsq {
	border-top-color: #666600;	
	border-bottom-color: #666600;	
}
.p-qrc {
	border-top-color: #990099;	
	border-bottom-color: #990099;	
}
.p-fsa {
	border-top-color: #239e46;	
	border-bottom-color: #be0027;	
}
.p-logo {
	padding: 1px;
	text-align: center;
}

.p-btn-outer {
	max-width: 200px;
	margin: 0 auto;
}
.p-btn {
	display: block;
	border: 1px solid transparent;
	color: white !important;
	padding: 5px 5px;
	margin: 10px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 400;
	text-decoration: none;
    text-align: center;
    vertical-align: middle;
}
.p-btn-pki {
	background: #cc0000 !important;
}
.p-btn-api {
	background: #006600 !important;
}
.p-btn-pqc {
	background: #733300 !important;
}
.p-btn-scn {
	background: #000080 !important;
}
.p-btn-xsq {
	background: #666600 !important;
}
.p-btn-qrc {
	background: #990099 !important;
}
.p-btn-fsa {
	background: #239e46 !important;
	border: 3px solid #be0027;
}