ol,ul,li{
	list-style-type: none;
	margin:0;
	padding:0;
}
.schemaArea{
	font-size: 1rem;
}
#rootid{
	font-size: 0.9rem;
	min-height: 280px;
    outline: 1px solid #aaa;
    padding: 0 6px;
    position: relative;
}
/*
#rootid:before,
#rootid:after{
	background-color: rgba(0, 0, 0, 0.25);
	content: "";
	display: block;
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0; margin: auto;
	z-index: 1;
}
#rootid:before{
	width: auto;
	height: 1px;
}
#rootid:after{
	width: 1px;
	height: auto;
}
*/

#kindofTypes{
	padding: 4px;
    box-shadow: 0px -1px 0px 1px #03A9F4;
    text-align: center;
}
#kindofTypes li{
	font-size: 14px;
	padding-right: 6px;
	display: inline-block;
}
#kindofTypes li:before{
    margin: 0 6px 0 0px;
    width: 26px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    outline: 1px solid #aaa;
}
#kindofTypes li:nth-of-type(1):before{
	content: "C";
	background-color: #98cdff;
}
#kindofTypes li:nth-of-type(2):before{
	content: "S";
	background-color: #fecc99;
}
#kindofTypes li:nth-of-type(3):before{
	content: "B";
	background-color: #ccff9a;
}
#kindofBox{
	font-size: 12px;
    box-shadow: 0px -1px 0px 1px #03A9F4;
    min-height: 100px;
    position: relative;
    padding: 4px;
}
#kindofBox li{
	opacity: 0;
	overflow: hidden;
    top: -16px;
    transition: all 0.7s ease 0.3s;
    position: absolute;
    z-index: -1;
    left: 1rem;
    right: 1rem;
}
#kindofBox li.open{
    opacity: 1;
    overflow: visible;
    top: 7px;
}

.pagination{
    width: 210px;
    height: 38px;
    position: relative;
}
.pagination li{
	position: absolute;
	top: 0;
	width: 42px;
	transition: all 0.35s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
}
.pagination button{
	width: 42px;
}
.pagibox{
	/*outline: 1px solid #aaa;*/
	text-align: center;
	width: 100%;
}
.pagiover{
	display: inline-block;
	/*outline: 1px solid #aaa;*/
	overflow: hidden;
	max-width: 270px;
	vertical-align: top;
}

.pagination .up{
	top: -40px;
	/*transition-delay: 1s;*/
}
.pagination .activo{
	top: 0;
	/*transition-delay: 1s;*/
}
.pagination .down{
	top: 40px;
	/*transition-delay: 2s;*/
}
.go-prev,
.go-next{
	position: relative;
    display: inline-block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: rgb(0 123 255);
    background-color: rgb(255 255 255);
    border: 1px solid rgb(222 226 230);
}

.baseBox{
	background-color: #fff;
	outline: 1px solid #008000;
	position: absolute;
	top: 0;
	left: 0;
}

.child{
	border-top: 1px solid #008000;
}
.title{
	margin: 0 auto 2px;
	line-height: 22px;
}
.title,
.child li{
	padding: 0 6px;
    min-height: 22px;
	white-space: break-spaces;
}
.child li{
	border-bottom: 1px solid #008000;
	margin: 2px auto 0;
	line-height: 18px;
}
.child li{
	font-size: 0.8rem;
}
.child :last-child{
	border-bottom: 0px;
}

.title{
	font-weight: 600;
	text-align: center;
}
.arrow{
	border-style: hidden;
	border-width: 1px;
	border-color: #008000;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	width: 2px;
}

.o_left,
.o_right,
.o_top,
.o_bottom{
	top: auto;
	left: auto;
}
.o_left{
	top: 50%;
	right: 100%;
}
.o_right{
	top: 50%;
	left: 100%;
}
.o_top{
	left: 50%;
	bottom: 100%;
}
.o_bottom{
	top: 100%;
	left: 50%;
}

.arrow:before{
	content: "";
	display: block;
	border: 7px solid transparent;
	border-bottom-color: #333;
	position: absolute;
	top: auto;
	left: auto;
	width: 0;
    height: 0;
    transform: rotate(0deg);
}
.arrow.arrow_romb:before{
	content: "";
	display: block;
	outline: 4px solid #333;
	border: 0;
	position: absolute;
	top: -5px;
	left: -3px;
	width: 0;
    height: 0;
    transform: rotate(45deg)!important;
}

.arrow.arrow_full:after{
	content: "";
	display: block;
	border: 4px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
    height: 0;
    transform: rotate(0deg);
}

.tl.arrow:before{
	top: -7px;
	left: -7px;
}
.tc.arrow:before{
	top: -14px;
	left: 0;
	right: 0;
	margin: auto;
}
.tr.arrow:before{
	top: -7px;
	left: auto;
	right: -7px;
}
.bl.arrow:before{
	top: auto;
	left: -6px;
	bottom: -6px;
}
.bc.arrow:before{
	top: auto;
	left: 50%;
	bottom: -5px;
}
.br.arrow:before{
	top: auto;
	left: auto;
	right: -7px;
	bottom: -7px;
}
.lc.arrow:before{
	/*top: 50%;
	left: -7px;*/
	top: 0;
    bottom: 0;
    margin: auto;
    left: -14px;
}
.rc.arrow:before{
	top: 50%;
	left: auto;
	right: -7px;
}


.tl.arrow_romb:before{
	top: 0;
	left: 6px;
}
.br.arrow_romb:before{
	right: 0;
	bottom: 6px;
}
.t0.arrow_romb:before{
	top: 6px;
	left: 2px;
}
.t90.arrow_romb:before{
	right: 6px;
	bottom: 0;
}


.tl.arrow_full:before{
	top: -7px;
	left: -6px;
}
.tl.arrow_full:after{
	top: -2px;
	left: -3px;
}
.tc.arrow_full:after{
	top: -9px;
	left: 0;
	right: 0;
	margin: auto;
}
.tr.arrow_full:before{
	top: -7px;
	left: auto;
	right:-7px;
}
.tr.arrow_full:after{
	top: -2px;
	left: auto;
	right:-4px;
}
.bl.arrow_full:after{
	top: auto;
	left: -2px;
	bottom: -3px;
}
.bc.arrow_full:after{
	top: auto;
	left: 50%;
	bottom: -3px;
}
.br.arrow_full:after{
	top: auto;
	left: auto;
	right: -2px;
	bottom: -3px;
}
.lc.arrow_full:after{
	top: 50%;
	left: -2px;
}
.rc.arrow_full:after{
	top: 50%;
	left: auto;
	right: -2px;
}

.t270.arrow_full:after{
	top: -4px;
	left: -1px;
}
.lc.arrow_full:after{
	top: 0;
    bottom: 0;
    margin: auto;
    left: -9px;
}


.t0:before,
.t0.arrow_full:after{
	transform: rotate(0deg);
}
.t90:before,
.t90.arrow_full:after{
	transform: rotate(90deg);
}
.t180:before,
.t180.arrow_full:after{
	transform: rotate(180deg);
}
.t270:before,
.t270.arrow_full:after{
	transform: rotate(270deg);
}

.eventText{
	font-size: 0.7rem;
	display: block;
	position: absolute;
	top: auto;
	bottom: 100%;
	left:  0;
	right: 0;
	text-align: center;
}

.solid{
	border-style: solid;
}
.dashed{
	border-style: dashed;
}