/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
#title{
	background: #069A8E;
	height: 600px;
}

.navbar-nav{
	font-family: 'Lilita One', cursive;
	text-align: center;
}

.brand-text{
	font-family: 'Lilita One', cursive;
	font-weight: bold;
	font-size: 30px;
}


.rc-img{
	width: 280px;
	border-radius: 40px;
	margin-bottom: 30px;
}

h1{
	margin-bottom: 30px;
	color: #fff;
	font-weight: bold;
	font-family: sans-serif;
}

.title-btn{
	margin-bottom: 20px;
	font-weight: bold;
}
.title-icons{
	color: #069A8E;
	font-weight: bold;
}


.row{
	text-align: center;
	margin-top: 6%;
}

/*Features section*/
#features{
	margin-top: 100px;
}
.icons{
	color: #069A8E;
	font-size: 60px;
}
.icons:hover{
	color: #A1E3D8;
}

h3,p{
	margin-top: 20px;
	font-family: "Mochiy Pop One",sans-serif;
	color: grey;
}

/*Form section*/
#std_input_table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  margin-top: 70px;
}

#std_input_table td, #std_input_table th {
  border: 1px solid #ddd;
  text-align: center;
  font-weight: bold;
  padding: 8px;
}

#std_input_table tr:nth-child(even){background-color: #A1E3D8;}

#std_input_table tr:hover {background-color: #F7FF93;}

#std_input_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #069A8E;
  color: white;
}
button {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  text-shadow: 0px 0px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  background: #3498db;
  padding: 5px;
  text-decoration: none;
}

button:hover {
  background: #24d44d;
  text-decoration: none;
}
select{
	width: 95%;
	text-align: center;
	font-weight: bold;
}
input[type="text"],input[type="number"]{
	width: 95%;
	text-align: center;
	font-weight: bold;
}
input[type="submit"]{
	color: #069A8E;
	font-weight: bold;
	padding: 8px;
	border-radius: 5px;
	border: 3px solid white;
}
input[type="submit"]:hover{
	background-color: #F7FF93;
	color: black;
	border-radius: 20px;
}

/*PDF TABLE*/
.html_to_pdf{
    border: 2px dotted; black;
    padding: 2px 5px 5px 5px;
    background-color: #FFFBE7;
    }
.school-title{
    /*background: #FFD93D;*/
    /*display: table;*/
    border: 5px solid #4D96FF;
    color: #F55353;
    font-size: 30px;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    margin: 2px auto;
    padding: 10px;
    /*border-radius: 23px;*/
    }
    /*TABLE STYLE*/
#report-table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 80%;
    margin-top: 30px;
    }
#report-table td, #report-table th {
    border: 1px solid #ddd;
    text-align: center;
    font-weight: bold;
    padding: 8px;
    }
#report-table tr:nth-child(even){background-color: #6BCB77;}
    /*#report-table tr:hover {background-color: #F7FF93;}*/
#report-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #4D96FF;
    color: white;
    }

/*B/W report card section*/
/* heading */

.table_bw h1 { font: bold 100% sans-serif; letter-spacing: 0.5em; text-align: center; text-transform: uppercase; }

/* table */

.table_bw table { font-size: 75%; table-layout: fixed; width: 100%; }
.table_bw table { border-collapse: separate; border-spacing: 2px; }
.table_bw th, td { border-width: 1px; padding: 0.5em; position: relative; text-align: left; }
.table_bw th, td { border-radius: 0.25em; border-style: solid; }
.table_bw th { background: #EEE; border-color: #BBB; }
.table_bw td { border-color: #DDD; }

.table_bw_div { box-sizing: border-box; height: 11in; margin: 0 auto; overflow: hidden; padding: 0.5in; width: 7.5in; }
.table_bw {background: #FFF; border-radius: 1px; box-shadow: 0 0 1in -0.25in rgba(0, 0, 0, 0.5); }
.table_bw{
    margin: 30px;
}
@media print {
    * { -webkit-print-color-adjust: exact; }
    html { background: none; padding: 0; }
    body { box-shadow: none; margin: 0; }
    span:empty { display: none; }
    .add, .cut { display: none; }
}

@page { margin: 0; }


/*footer*/

.footer a{
	margin: 0 10px 0 10px;
	
}

.footer{
	margin-top: 20px;
}