@charset "utf-8";

body {
	margin: 0px;
	background-color: #f9f9f9;
	}
	
h1{font-size: 0.9rem;}
h2{font-size: 1rem;}
/*h3{font-size: 14px;margin-top:6px;margin-bottom:6px;padding-left:36px;}
h4{font-size: 16px;margin-top:30px;margin-bottom:6px;}*/
	
main{
	/* padding:0px 36px 0px 36px; */
	flex:1;
	}
	
nav{flex:none;order:-1;}
ul{
	list-style:none;
	padding-left: 1.5rem;
	text-align:left;
}

table.parameters th{text-align:right;font-weight:300;}
table.result {border-collapse:collapse;}

.ribbon-tabs {
	margin:0px;
	padding: 0rem 1.5rem;
	color:#000;
	background-color: #fff;
	line-height:2;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items: center;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
	}
header a:link{text-decoration:None;color:#000;}
header a:visited{text-decoration:None;color:#000;}

.ribbon-menu button span {
    padding-right: 8px;
	background: transparent;
    border-color: inherit;
    border: 2px;
    padding: 6px;
	outline:none;
}

.ribbon-menu {
    position: relative;
    display: inline-block;
    margin: 0rem 0.6rem;
}

.ribbon-panel {
    display: none;
    position: absolute;
    background-color: #fff;
    /*min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 1px 0px;
	width: 100%;
}

/*.ribbon-menu:hover .ribbon-panel {
    display: block;
}*/
.ribbon-panel ul{
    padding: 0px;
    margin: 0px;
}
.ribbon-panel li {
    list-style: none;
    padding: 0.2rem;
    margin: 0rem 0.5rem;
    white-space: nowrap;
    cursor: default;
    color: #000;
    float:left;
    display: block;
    width:12rem;
    overflow:hidden;
}
.ribbon-panel li:hover{
    background-color: #eee;
}

input[type="text"] {width:150px;text-align:right}

select{width:150px;text-align:right;}

.download-button{
	text-decoration:none;
	background-color:#09bb07;
	color:#ffffff;
	font-weight:bold;
	border:solid thin #09bb07;
	border-radius: 6px;
	padding: 0.5rem 1.5rem;
}

.feature-image{
	/*width:180px;*/
	height:180px;
	padding:10px;
}

.footer{
	color:#666666;
	padding:2rem 0rem;
	/*display:flex;
	flex-direction:column;
	align-items:center;justify-content:center;
	*/
	}

.footer-list{
	float: none;
}

.footer-list li{
	color: #666;
	display: inline-block;
	font-size: 0.9rem;
	margin-right: 1.2rem;
}

.small-decoration{text-decoration:underline;}
blockquote{font-family:consolas,calibre;color:#003366;}

	
.footer a{
	color:inherit;
	text-decoration:none;
	/* padding-right:20px; */
}

.calculator-menuItem {
    /*width: 100%;*/
    background: transparent;
    border-color: transparent;
    padding: 0px;
	font-size:14px;
    text-align: left;
	text-overflow: ellipsis;
}
.calculator-menu:hover {
    background-color: #CCDDEE;
}
.calculator-menu:focus{
    /* background-color: #C1DDDD; */
    outline: none;
}
.calculator-menu:active{
    background-color: bisque;
}

.calla-logo {
	width: 24px;
	height: 24px;
	margin: 0rem 0.6rem;
}

.calla-logo img{
	width: 1.5rem;
	height: 1.5rem;
}

.big-title{
	font-size: 18pt;
	color: #333;
	text-align: center;
	padding: 32px;
}

.big-start{
	font-size: 56pt;
	/*color:rgb(255, 159, 64);
	border: solid thin #ccc;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 30px;*/
}

/*.icon-win{
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	background-size: cover;
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='%23FFF' fill-rule='evenodd'%3E    %3Cpath d='M6.316 21.826v9.025l10.99 1.539V21.826zm12.045 0v10.712l14.463 2.026V21.826zM6.316 11.767v9.004h10.99V10.205zM32.824 8l-14.463 2.055v10.716h14.463z' opacity='.8'/%3E    %3Cpath fill='none' d='M0 0h40v40H0z'/%3E  %3C/g%3E%3C/svg%3E")
}*/

@media (max-width:42rem){
	header{
		display: none;
	}
}

.outdated-browser-notice {
	margin: 1.5rem;
}