html{
margin:0px;
padding:0px;

background-size:cover;
background-attachment: fixed;
text-rendering: geometricPrecision;


}

body{
margin:0;
padding:0;
width:100%;
height:100%;
font-family: 'Work sans', sans-serif;

}
.hlimg{
	width:40px;
	  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255,255,255,0.4);	
	float:left;
	
	
	background: #000;
border-radius: 10px;
padding: 5px;
margin-right: 10px;
}
.hltext{
	font-family: 'Bebas neue', sans-serif;
	/*border:solid 2px #ffffff;*/
	padding:2px;
	padding-left:15px;
	padding-right:15px;
	
}
.outline{
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255,255,255,0.4);	
  display:inline-block;
  
}
.get-report{
	margin-top:30px;
}
.doc{
	

color: #000000;
float: right;

font-style: italic;
margin-left: 2px;
/*margin-top: 1;*/
}
.content-hl{
	font-size:14px;
	margin-bottom:10px;
	font-weight: bold;
	background: rgba(0,0,0,0.2);
	padding: 10px;
	border-radius: 5px;
}
.content-hl2{
	font-size:12px;
	margin-bottom:5px;
	color:#928c8c;
}
.email-block{
	margin-bottom:15px;
}
.reg-email{
	margin-bottom:20px;
}
.verified{
	display: inline-block;
	float:right;
}
.reg-table{
	margin-bottom:20px;
}
.main-text{
	
	font-size:22px;
}
.logo{
	width:200px;
	/*filter: brightness(100);*/
}
.reptext{
margin-top: 10px;
display: inline-block;
margin-left: -5px;
}
.title{
	color:#ffffff;
	margin-top:20px;
	float:right;
}
#localestable td{
border-bottom:solid 1px #c9c9c9;
font-size: 12px;
}
#saved{
	padding:10px;
	text-align: center;
	background: #63e363;
    padding: 30px;
}
#saved_hash{
	font-size:20px;
	font-weight:bold;
	display:inline-block;
	background:#fff;
	border:solid 1px #cccccc;
	border-radius:3px;
	padding:10px;
	margin-top:5px;
	
}
#mykey{
	font-size:20px;
	font-weight:bold;
	display:inline-block;
	background:#fff;
	border:solid 1px #cccccc;
	border-radius:3px;
	padding:10px;

	
}
#key{
	font-size:20px;
	font-weight:bold;
	display:inline-block;
	background:#fff;
	border:solid 1px #cccccc;
	border-radius:3px;
	padding:10px;
	margin-top:5px;
	text-transform:uppercase;
}
#lights{
	/*max-height:240px;
	width:100%;
	overflow: auto;*/
	margin-bottom:50px;
	
}
.light{
width: 50px;
display: inline-block;
height: 50px;
background: #000000;
padding: 10px;
cursor:pointer!important;
	
}
.light:hover{
	box-shadow: inset 0 0 10px rgba(255,255,255,0.8);
}
.light-img{
width: 100%;

display: inline-block;
}

.light input[type=radio] {
 border-radius: 11px;
width: 12px;
height: 15px;

top: 9px;
left: 10px;

display: block;
background: #004c97;
margin: 0;
    margin-right: 0px;
margin-right: 2px;
}
.radio_red{
	outline:2px solid #F00;	
}
.radio_yellow{
	outline:2px solid #FFFF00;	
}
.radio_green{
	outline:2px solid #00FF00;	
}
.light-selected{
	background:#2abf0b;
	background-image: linear-gradient(135deg, #d2fb64 0%, #96fc9f 100%);
}
.lil-text{
	line-height: 16px;
}

.changed{
border:1px solid #ff0000;
}
.login{
	/*
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.23)!important;
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.23)!important;
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.23)!important;*/
}
#recorder{
	background:#f1f1f1;
	/*border-top:solid 2px #f63dab;
	border-bottom:solid 2px #f63dab;*/
	margin-top:20px;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:10px;
	
	
}
.rec-btn{
padding:10px;
}
.green{
	background:#00ff00;
}
.config{
	padding:5px;
	background:#d2ff52;
}

@media print {
       .pb { page-break-after: always; }
       .pb svg {margin-top:200px;}
       html{
	       margin-top:25mm;
       }
      }
.navi{
	width:200px;
	padding:5px;
	background-color:#7d7d7d;
	position:fixed;
	top:45px;
	left:0;
	height:100%;
	
	
}

.navitable{
	/*
    background: rgb(81,81,81);*/
    color: #000000;
    border-collapse: collapse;
	border:none;	
	background: rgba(255,255,255,0.4);
  }

.hilite_related{
	background-color:#ff12b3;
}



.navi-table{
	
}
.navi-table td{
	padding-right:10px;
}
.tabs{

	background: #f1f1f1;
	right:0;
	top:45px;
	
	
	padding-bottom: 0px;
	
  /*  overflow: auto;
    height: 100%;*/
}


.credentials{
	font-size:11px;
}
.naviitem{
	cursor: pointer;
	padding: 10px;
	cursor:pointer;
	font-size:14px;
	text-transform: uppercase;
border: solid 2px #ccc;
border-radius: 5px;


color:#f1f1f1;
    
}
.naviitem:hover{
	
	color: #ffffff;
}

.selected{
	/*background-color: #429dc7;*/
    color: #faaf38;
    border: solid 2px #fcee21;
    
}

.popup{
	width:50%;
	height:40%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position:fixed;

	-webkit-box-shadow: 4px 6px 23px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 6px 23px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 6px 23px 0px rgba(0,0,0,0.75);

	left:50%;
	margin-left:-25%;
	margin-top:10%;
	text-align:center;
	
	padding:20px;
	font-size:22px;
	z-index:1200;
	
}
.disabled{
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
	
}
.select{
font-size:12px;
}
.hider{
width:100%;
height:100%;
position:fixed;
background-color: rgba(255,255,255,0.9);
z-index:1100;
margin-top:-50px;
}
a{
color:#000000;
}

.yellow{
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */

}

#lst{
	font-size: 20px;
padding: 5px;
width: 150px;
}
.header{
width:100%;

top:0;
z-index:2000;


border-bottom: 2px solid #cbcbcb;

  background-color: #94FF3C;
  background-image: linear-gradient(225deg, #9EFF3C 0%, #F00 40%, #000000 100%);
  
background-image: linear-gradient(225deg, #B3B1B1 0%, #555 40%, #000 100%);

background-image: linear-gradient(225deg, #242424 0%, #555 40%, #000 100%);

}


.left-border{
	border-left: solid 2px #fff
}

#form-wrap{
	/*border-top: solid 1px #fff;*/
margin-top: 50px;
}
.form-headline{
	font-size:16px;
	margin-bottom:10px;
	font-weight:bold;
}
.tab{
	font-size:12px;
	background-color: #f2f2f2;
padding: 10px;
padding-bottom:50px;
}

.white{
	color:#ffffff;
}
.footer{
width:100%;
position: fixed;
height:auto;
bottom:0px;
background-color: #252525;
margin:0;
padding:10px;
color:#ffffff;
border-top:5px solid #ffffff;
}


.content{
margin-top:5px;
/*margin-bottom:50px;*/
max-width:300px;
padding:10px;
/*background-color: #CDCDCD;*/
}
input{
font-size:12px;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.23);
    border: none;
    padding: 5px;
}
.green{
background: #d2ff52; /* Old browsers */
background: -moz-linear-gradient(top,  #d2ff52 0%, #91e842 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ff52), color-stop(100%,#91e842)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d2ff52 0%,#91e842 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */

}
.grey{
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}

.bold{
font-weight:bold;
}
.phase{
padding: 5px;
font-weight: bold;
float: left;
font-size: 14px;
margin-top: -5;
background: #faaf38;
border-radius: 30px;
width: 15px;
text-align: center;
margin-right: 5px;
}
.reg-info{
	padding:3px;
	font-size:12px;
}
.lilamt{
font-size: 8px;
color: rgba(255,255,255,0.7);
margin-left: 2px;
margin-right: 2px;
}
.analyze{
	

	margin-left: 0!important;
	margin-left: 0!important;


}
.analyze img{
	width:40px;
	float:right;
}
.ask-ai{
	float: left;
margin-left: 10px;
margin-top: 12px;
font-size: 12px;
}
.loading{
	pointer-events: none;
}
.loading::after{
content: '...';
background-image: url('../images/loader.svg');
mix-blend-mode: screen;
margin-left: 4px;

background-size: 15px 15px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
color: rgba(0,0,0,0);
margin-right: 2px;

padding-right: 5px;
background-position-y: 1px;

-webkit-filter: invert(100%);
filter: invert(100%);
}

.ai_discl{
  font-size: 10px;
  color: #9d1e1e;
  border-top: 5px;
  margin-top: 5px;
}
.aiwrap{
	display: block;
	margin-top:30px;
}
.aibox{
	background:#fffb00;
	border-radius:5px;
	padding:5px;
	max-width:500px;
	margin-top:10px;
	border: solid 1px #a39b9bcc;
	font-size:14px;
}
.loading_dark{
	pointer-events: none;
}
.loading_dark::after{
content: '...';
background-image: url('../images/loader.svg');
background-size: 50px 50px;
width: 50px;
height: 50px;
background-repeat: no-repeat;
color: rgba(0,0,0,0);


background-position-y: 1px;
position: absolute;
margin-left: -5px;
margin-top: -6px;
filter: invert();
mix-blend-mode: overlay;
}

.txt-button{
color: #2a2a2a;
cursor: pointer;
display: inline-block;
font-size: 14px;
text-decoration: underline;
text-transform: uppercase;
}
.remove-btn{
background: #cc0000;

text-align: center;
padding: 3px;
    padding-right: 3px;
    padding-left: 3px;
display: inline-block;
color: #fff;
font-size: 10px;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
margin-left:15px;
}
.txt-button2{
	color:#393939;
	cursor: pointer;
	display:inline-block;
font-size: 14px;
text-decoration: underline;
padding:5px;
border-radius:30px;
border:solid 2px #cccccc;
text-align:center;
margin-top:10px;
margin-bottom:10px;
padding-left: 10px;
padding-right: 10px;
}
.ppal-logo{
width: 100px;
height: auto;

position: absolute;
right: 10px;
bottom: 10px;
}
.reg-header{
	text-align:right;
	height:30px;
}
.lilbutton{
	padding:2px;
	/*margin:2px;*/
	text-transform: uppercase;
	background:rgba(0,0,0,0.2);
	cursor: pointer;
	display: inline-block;
}
.skey-wrap{

}
.saver{
	position: fixed;
    width: 150px;
    height: 150px;
    margin-left: -75px;
    left: 50%;
    top: 30%;
    padding: 50px;
    background: #ffffff;
    z-index:10000;
    -webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.5);

    border-radius: 50%;
}
.q-hl{
	font-size:22px;
}
.qset{
	padding:10px;
	
}
.text-wrap{
	padding:10px;
}
.qset-wrap{
	border: solid 1px #cccccc;
border-radius: 5px;
padding: 10px;
margin-bottom: 5px;
background: #fff;
}
.qset-hl{
	font-size: 16px;
margin-bottom: 10px;
font-weight: bold;
}
.qset-hl-2{
	font-size:16px;
	/*margin-bottom:10px;*/
}
.qset-sels{
	margin-top:5px;
	
}
.register{
	padding:10px;
	border:solid 1px #cccccc;
	display:inline-block;
	margin-bottom:30px;
	background: rgb(157, 184, 212);
	border-radius: 10px;
}
.sel-block{
	display: inline-block;
cursor: pointer;
/*padding: 10px;*/
background: #f4f4f4;
border: solid 2px rgba(0,0,0,0.2);
margin-right: 10px;
border-radius: 5px;
margin-bottom: 0px;

box-shadow: inset 0 0 10px #04040433;

}
.sel-desc{
	display: block;
}
.sel-block input{
	width:100%;
}
.sel-block textarea{
	width:100%;
}
.sel-block-text{

}

.selection-selected{
	background: #00ff00;
}
.sel-block-radio{
	width:1px;
	height:1px;
	margin:0;
	padding:0;
}
.sel-block label{
font-size:16px;
cursor:pointer;
display:block;
padding:10px;
 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.sel-block input{

}
.saving{
	text-transform: uppercase;
	font-style: italic;
	text-align: center;
}
.save-block{
	text-align:center;
	background: #e3e3e3;
padding: 20px;
}
.saver img {
	margin-left: 20px;
    margin-top: 10px;
}
.saverbg{
background: rgb(255,255,255);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 29%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 86%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 29%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 86%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 29%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 86%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=1 );
}
.poolitem{
	padding:5px;
	background:#f4f4f4;
}
.button5{
cursor: pointer;
display:inline-block;
padding:0;
margin:0;
margin-left:10px;
border-radius:20px;
padding-left:10px;
padding-right:10px;
box-sizing: border-box;
text-decoration:none;

text-transform: uppercase;
font-weight:400;
color:#FFFFFF;
background-color:#3369ff;
box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
text-align:center;
position:relative;
font-size: 14px;
}
.button7{
cursor: pointer;
display:inline-block;
padding:0.7em 1.7em;
margin:0 0.3em 0.3em 0;
border-radius:20px;
margin-top:10px;
box-sizing: border-box;
text-decoration:none;

text-transform: uppercase;
font-weight:400;
color:#FFFFFF;
background-color:#3369ff;
box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
text-align:center;
position:relative;
font-size: 14px;
}
.button-lil{
cursor: pointer;
display:inline-block;
padding:0.7em 1.7em;
margin:0 0.3em 0.3em 0;
border-radius:20px;

box-sizing: border-box;
text-decoration:none;

text-transform: uppercase;
font-weight:400;
color:#FFFFFF;
background-color:#3369ff;
box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
text-align:center;
position:relative;
font-size: 12px;
}
.lil{
	font-size:12px;
}
.button7:active{
box-shadow:inset 0 0.6em 2em -0.3em rgba(0,0,0,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
}
@media all and (max-width:30em){
.button7{

margin:0.4em auto;
}
}
.button {
	width:auto;
	max-width:200px;
  /*font: bold 16px Arial,sans-serif;*/
  	padding:5px;
	/*margin-top:10px;
	font-size:14px;*/
	text-align: left;
  
  text-shadow: 0 0.1em 0 rgba(255, 255, 255, 0.5);

  outline: none;
  cursor: pointer;
display:inline-block;
margin-bottom:10px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  border: 1px solid;
  border-color: #bbbbbb #a2a2a2 #888888;
  background-color: #eee;
  background-image: -moz-linear-gradient(#eeeeee, #d4d4d4);
  background-image: -webkit-linear-gradient(#eeeeee, #d4d4d4);
  background-image: linear-gradient(#eeeeee, #d4d4d4);
  /*-moz-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.3), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
  -webkit-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.3), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
  box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.3), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
  */
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  -webkit-transition: all 100ms;
  transition: all 100ms;

 -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #f8ffe8;
background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#b7df2d));
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 );

}
.button:hover {
  -moz-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.2), 0 0.1em 0.2em rgba(0, 0, 0, 0.2), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
  -webkit-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.2), 0 0.1em 0.2em rgba(0, 0, 0, 0.2), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
  box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.2), 0 0.1em 0.2em rgba(0, 0, 0, 0.2), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
}
.button:active {
 /* padding: 0.4em 2em 0.4em;*/
  
  border-color: #a2a2a2 #bbbbbb #eee;
  background-image: -moz-linear-gradient(#e1e1e1, #eeeeee);
  background-image: -webkit-linear-gradient(#e1e1e1, #eeeeee);
  background-image: linear-gradient(#e1e1e1, #eeeeee);
  -moz-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.1) inset, 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset, -0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.1) inset, 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset, -0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.1) inset, 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset, -0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset;
  -moz-transition: all 5ms;
  -o-transition: all 5ms;
  -webkit-transition: all 5ms;
  transition: all 5ms;
}

tr{
margin-bottom:2px;
}
tr.odd{
background-color: #ffffff;
}
tr.even{
background-color: #f9f9f9;
}

.maintable td{
    border: solid 1px #d6d6d6;
}

.right{
	position:absolute;
	right:50px;
}

.hidden{
display:none;
}

.freeleft{
font-style: italic;
border: dashed 1px #030303;
display: inline-block;
padding: 5px;
border-radius: 5px;
background: #fffc39;
position: fixed;
top: 10px;
right: 0;
}
.maintable{
width:100%;
height:100%;
border-collapse: collapse;
/*padding-right:10px;*/
}
.red-row{
	background:#ffb1b1;
}
.green-row{
	background:#b7e9a9;
}
.sheet-selections{
	margin-top:50px;
	margin-bottom:50px;
	
}
.sheet-wrap{
	margin-top:50px;
	border-top: dashed 2px #ccc;
padding-top: 20px;
margin-bottom: 100px;

}
.sheet-table{
	border-collapse: collapse;
	width:auto;
	background: #fff;
	
}
.sheet-table td{
	padding:5px;
	border:solid 1px #cccccc;
	font-size:14px;
}
.sheet-row{

	
}
.sheet-row-desc{

	
}
.sheet-row-value{

	
}
.bkey-wrap{
	width:300px;
	padding:10px;
}
.buy-widget{
	width:200px;
	background:#cccccc;
	border-radius:5px;
	padding:10px;

}
#payment{
	width:50%;
	/*height:50%;*/
	background-color:#ffffff;
	position:absolute;
	z-index:1000;
	top:25%;
	left:25%;
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
text-align: center;
padding: 20px;
border-radius:5px;
}
.pay_hl{
	font-size:32px;
}
.pay_price{
	height:100px;
	font-size:22px;
	margin-top:50px;
}
.buy-hl{
	font-weight: bold;
	text-align:center;
	padding:5px;	
}
.pcs{
	text-align:center;
	font-weight:bold;
	padding:5px;
}
#retval{
	font-weight:bold;
	font-size:14px;
	padding:10px;
	border:solid 1px #cccccc;
	border-radius:5px;
	background: #fff;
	display: block;
min-width: 200px;
max-width:450px;

}
@media all and (max-width:500px){
.logo{
	width:100px;
}
.naviitem{
	font-size:12px;
	padding:3px;
}
}