body {
	padding:0;
	margin:0;
	font-family: Segoe UI, Roboto, system-ui,Tahoma, Arial, Ubuntu, Helvetica, sans-serif;
}
body.night {
	background-color: #000;
	color: #FFF;
}
.tc {
	text-align:center;
}
.tr {
	text-align:right;
}
.tl {
	text-align:left;
}
.fr {
	float:right;
}
.fl {
	float:left;
}
.cl,.cf {
	clear:both;
}
.mt {
	margin-top:10px;
}
.mb {
	margin-bottom:10px;
}
.m10 {
	margin:10px;
}
.p10 {
	padding:10px;
}
.multiline {
	word-break: break-all;
	overflow-wrap: break-word;
}

.cnt {
	max-width:1200px;
	width:100%;
	border:1px solid gray;
	margin:auto;
	min-height:100vh;
}
h3, .h, .scr {
	display:none;
}

.scr.def {
	display:block;
}
input[type=button], a.btn {
	height: 48px;
	background-color: #007bff;
	color: #FFF;
	padding: 0px 14px;
	font-size: 18px;
	border: none;
	border-radius: 4px;
	cursor:pointer;
}
a.btn{
	color: #FFF!important;
	text-decoration:none;
	display:inline-block;
	line-height:48px;
	
}
input[type=button].secondary{
	background-color: gray;
}
input[type=button][disabled=disabled] {
	background-color: #8ea5be;
}

#search, input[type=text], input[type=email], #addcat {
	width:100%;
	height:48px;
	padding: 0px 14px;
	font-size: 16px;
	border-radius: 4px;
	margin-left:10px;
	outline: none;
}
#addcat {
	width: calc(100% + 30px);
}
.c100m150px {
	width:calc(100% - 97px);
}
.w150px {
	width: 97px;
}

.c100m170px {
	width:calc(100% - 180px);
}
.w170px {
	width: 145px;
}


#sscr {
	margin:6% auto;
}
.about {
  display: inline-block;
  margin: 10px 20px;
}

.aboutt p{
	line-height: 1.5em;
}

.ita img, .inpg  img{
	max-width:64px;
	max-height:64px;
}
.iwr {
	margin:10px;
	min-width:64px;
	min-height:64px;
}
.lsde {
	color:gray;
	font-size:0.8rem;
	margin-top:10px;
	max-width:730px;
}
.ita {
	border:gray solid 1px;
	border-radius: 4px;
}
a:visited {
	color:blue;
}

/** form */
.tabhead {
	background-color:#FFF;
	border: 1px gray solid;
	user-select: none;
	font-size:14px;
}
.tabhead.p{
	background-color: gray;
	color: #FFF;
	cursor:pointer;
}

.inpg {
	padding:10px;
	margin:10px;
}

.inpg label b {
	color:#AA0000;
}
.inpg label {
	margin-top:10px;
	display:inline-block;
}
.inpg textarea {
	resize:vertical;
	width: calc(100% + 26px);
	margin-left:10px;
}
.inpg .note, .info .note {
	color:gray;
	margin: 10px 25px;
	font-size: 12px;
}

.info {
	padding:10px;
	background-color: #BAEDBA;
	color: #478747;
	margin-bottom:10px;
}

.err {
	padding:10px;
	background-color: #EDBCBA;
	color: #875047;
	margin-bottom:10px;
}


@media(max-width:360px) {
	.c100m170px {
		width:100%;
		float:none;
	}
	.w170px {
		width: 145px;
		float:none;
	}
	input[type=text], input[type=email]{
		width:90%;
	}
	
	#addcat  {
		width:99%;
	}

	
	.inpg textarea {
		width: 99%;
	}
}
#token {
	max-width:80%;
	border: solid 1px #478747;
	border-radius: 4px;
	padding:10px;
	background-color:#DAFFDA;
}
#bCopy {
	margin-left:10px;
	margin-top:10px;
	cursor:pointer;
}

.pages a, .pages span {
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
	display: inline-block;
	margin: 10px 3px;
	border-radius: 6px;
	min-width: 17px;
}

.pages a {
	background-color: #007bff;
	color:#FFF;
}
.pages span {
	background-color: inherit;
	color:blue;
}
.seohead h2 {
	font-size: 20px;
}
.cts ul li {
  display: inline-block;
  width: 200px;
  margin: 4px 0;
}
.lsseo a {
	font-size:10px;
}

footer {
	background: gray;
	color:#FFF;
	min-height: 100px;
	padding:10px;
	text-align:center;
	margin-top:20px;
}
footer ul li a{
	color: #FFF;
	word-break: break-all;
	overflow-wrap: break-word;
	font-size: 10px;
}
footer ul li a:visited{
	color: #FFF;
}

footer ul li{
	display: inline-block;
	max-width: 260px;
	margin: 25px 0px 5px 5px;
	vertical-align: top;
}
footer ul{
	margin: 0;
	padding: 0;
}

.cb label {
	font-size:12px;
}

/** night */
.night input[type=text],.night  input[type=email], .night input[type=search], .night textarea, .night select {
	background-color:black;
	color:#FFF;
}
.night input::placeholder, .night textarea::placeholder{
	color: #c0c0c0;
}
.night select {
	color:#FFF;
}
.night .tabhead {
	background-color:black;
}
.night .tabhead.p {
	background-color:gray;
}

.night a {
	color: aqua;
}

.night .pages a {
	background-color: blue;
	color:#FFF;
}
.night .pages span {
	background-color: inherit;
	color:#FFF;
}

.night .lsde {
	color: #c4d4ee;
}
.ml {
	max-width:80vw;
	display:inline-block;
}