.i-school,.i-shuttle,.i-eat,.i-library,.i-sport{
	width: 48px;
    height: 48px;
	display: inline-block;
    background-size: 100%;
	background-repeat:no-repeat;
}
.i-school{background-image: url("../img/i-school.png");}
.i-shuttle{background-image: url("../img/i-shuttle.png");}
.i-eat{background-image: url("../img/i-eat.png");}
.i-library{background-image: url("../img/i-library.png");}
.i-sport{background-image: url("../img/i-sport.png");}

.i-company{
	height:30px;
	display:inline-block;
}
.i-company{
	background-image: url("../img/company.png");
	background-size: 100%;
}
.onPage{color:#31ea1d;}
.sidebar .sidebar-wrapper {
    overflow-x: hidden;
}
.sidebar .i-ope{
	padding: 5px;
    border-radius: 50%;
    border: 1px solid;
    margin: 0 5px;
	color: #fff;
}
.sidebar .i-ope.on{
	border-radius: 8px;
}
.sidebar .logo .simple-text{padding:0;}
.sidebar .logo .simple-text img{width:142px;}
.sidebar .nav li > a{
	opacity:1;
}
#linkBox{
	text-align: center;
	margin-top: 15px;
}
.cnameA,.cnameB {
    width: 100%;
	cursor:pointer;
}
.cnameA{
	width: 92%;
	color: #FFFFFF;
    background: rgba(255, 255, 255, 0.23);
    margin: 1% 0 0 6%;
    padding: 0 0 15px;
    opacity: .86;
    right: 5px;
    border-radius: 4px;
}
.cnameA div, .cnameB div{
	text-align:right;
}
.cnameA p{
	height: 30px;
    overflow: hidden;
}
/*
.cnameA p:last-child{
	display:none;
}
*/
.cnameB{
	padding: 0 5px 0 20px;
}
.cnameB li{
	list-style: none;
	clear: both;
	line-height: 2.3;
}
.cnameB > li{
	line-height: 1.5;
}
.cnameB > li{
	width: 92%;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.23);
    margin: 1% 0 0 6%;
    padding: 10px 15px 10px 10px;
    opacity: .86;
    right: 5px;
    border-radius: 4px;
}
.cnameC li.on i,.cnameC li.on a{color:darkorange;}
.sidebar .nav li:hover > a{background-color: transparent;}
.sidebar .nav .cnameB >li i{font-size: 24px;}
.sidebar .nav .cnameC i{font-size: 21px;}
.schoolBox{padding:30px;}
.schoolBox hr{margin: 10px 0;}
#m-nav{display: none;}
ul.nav .active a{color:#204d74 !important;}
.card .header{padding: 15px 15px 20px;}
#p-schools .card.list,#p-classes .card.list, #p-shuttle .card.list, #p-students .card.list,#p-states .card.list,#p-parameter .card.list, #p-categories .card.list{
	width: 31.3%;
	margin: 10px 1%;
	padding: 15px 0;
    float: left;
}
#p-services .card.list,#p-categories .card.list{
	padding: 15px 30px;
}
#p-schools .card.list p,#p-shuttle .card.list p,#p-students .card.list .opeBox,#p-services .card.list .opeBox,#p-states .card.list .opeBox,#p-parameter .card.list .opeBox,#p-categories .card.list p,#p-categories .card.list .opeBox{
	text-align:center;
}
#p-services .card.list p,#p-categories .card.list p{
	line-height: 2.5;
}
#p-services img,#p-editService img,#p-students img,#p-categories img,#p-editCategory img{
	width: 56%;
}
#p-schools .card.list hr{width:50%;}
#p-schools #getList .card{width: 320px;min-height: 512px;}
.card.list .opeBox p,#p-personal .card.list .contentBox p,#p-states .card.list .contentBox p,#p-students .card.list .contentBox p,#p-students .opeBox p{
	padding: 0;
	font-weight: bold;
}
#p-personal .card.list .opeBox p:first-child{margin-bottom:28px;}
#p-personal .contentBox,#p-students .contentBox{text-align:center;}
#p-personal .contentBox img,#p-students .contentBox img,#p-editPerson img{
	width:60%;
	margin: 15px;
}
.opeBox .i-ope{
	float: right;
	padding: 5px;
}
.opeBox p{
	/*padding: 0 30px 15px;*/
}
#p-students .opeBox p:first-child,#p-schools .opeBox p:first-child,#p-shuttle .opeBox p:first-child{padding-bottom: 15px;}
.opeBox p a{
	padding: 0 5px;
}
.i-ope{
	cursor: pointer;
}
.i-ope:hover{
	background-color: darkorange;
	border-radius: 50%;
    padding: 5px;
}
#p-services .opeBox .i-ope,#p-categories .opeBox .i-ope{
	margin-top: 10px;
}
.d6.first{
	float:left;
}
.d6.last{
	float:right;
}
h2.i-plus{
	margin: 0;
}
#colorBox td {
    width: 10%;
    margin: 4px;
    border: 1px solid;
}
#colorBox td.on {
    border: 3px solid;
}
#p-personAdd .tab-content>.active,#p-personEdit .tab-content>.active,#p-stateAdd .tab-content>.active,#p-stateEdit .tab-content>.active{
	margin-top:30px;
}
#listModal .opeBox a,#listModal1 .opeBox1 a,#listModal2 .opeBox2 a{width:100%;margin-bottom:5px;}
#p-students ul li.no a{
	color: darkred;
}
#p-students .card.list ul li{
	padding: 0 30px 0 0;
}
#p-students ul li a.op{
	float:right;
}
#p-students #getList ul,#p-personal #getList ul{
	padding: 0 0 0 15px;
}
#personList { list-style: none; }
#personList li { display: inline; }
#personList li a.on{ background-color:#a9d4a9; }
#personList li a,#classList a{color:#333;}
#p-classes .lsn{padding-right: 40px;}
#p-classes .opeBox{margin-bottom: 15px;}
#p-classes .opeBox p,#p-shuttle .opeBox p{padding: 0 30px 0;}

#getList .card {
    padding: 20px 30px 15px 30px;
    min-width: 320px;
}
#p-reports .formBox{
	padding-bottom: 18px;
}
#p-reports .formBox form .depX {
    width: 48%;
    float: left;
    margin: 0 1% 10px;
}
#p-information form label{width:100%;}
#p-information .depX a.btn{width:60%;}
#p-information form .depX{
	width: 48%;
    float: left;
    margin: 0 1% 10px;
}
#p-reports #btnExport{position:relative;}
#p-reports #btnExport input{position:absolute;top:-52px;right:0;width:200px;}
#p-reports .card.reportBox {
    width: 29%;
    float: left;
    margin: 0 2% 15px;
    padding: 10px 30px 0;
}
#p-reports .dY .card{
	width: 19%;
    float: left;
    margin: 10px 0.5%;
    text-align: center;
}
#p-reports .dY .card p{margin: 0;font-size: 14px;}
#p-reports .dY .card i{}
#p-reports .dY .card hr{margin: 10px 0;border-color:#333;}
#p-reports .dY .card strong{}
#p-reports .dY .card i{font-style:normal;}
.addParent{
	position: absolute;
    top: 59px;
    right: 15px;
    border: 1px solid #ccc;
}