/*
author wizard web developer
theme food order website admin
version 1.0
*/
@media screen and(max-height: 20%;){
body{
    font-family: 'Lato', sans-serif !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 15px !important;
}}
*{
	margin:0;
	padding:0;
	font-family:calibra;
}
.reappear{

	padding:1%;
	width:80%;
	margin: auto;
	overflow:hidden;
}
.reappearindex{
	padding:1%;
	width:100%;
	margin: auto;
	height: 100%;
	overflow:hidden;
}
.text-center {
	text-align: center;
}
img 
{
	width:10%;
}
.clearfix{
	float:none;
	clear:both;
}
 img {
	height:16%;
	width:70%;
	float:auto;
}
	
.tbl-full{
	width:100%;
	
}
.tbl-full-result{
	width:100%;
	font-size:90%;
}
.hold 
{
	width:30%;
	height:auto;
	float:right;
	font-size:80%;
}
.hold2
{
	width:30%;
	height:author;
	float:right;
	
		font-size:80%;
}
.hold3
{
	width:30%;
	height:author;
	
	font-size:80%;
	
}
.hold3 img
{
	width:100%;
	height:100px;

	font-size:80%;
	
}
.tbl-full1 {
	width:100%;
	border:1px solid black;
	
}
@media screen and(max-width: 50%;){

table
{
	width: 10%;
	

}
table tr td{
	padding: 1px;
	}}
.btnprimary{
	background-color:blue;
	padding:1%;
	color:white;
	text-decoration:none;
	font-weight:bold;
}
.information{
	background-color:blue;
	padding:1%;
	color:white;
	text-decoration:none;
	font-weight:bold;
	width:100%;
}
.pics img{
	width: 50%;
	height:50%;
	border-radius:10%;
	
}
.pics1  img{
	width: 18%;
	height:80px;
	border-radius:100%;
	border:2px solid black;
	float:right;
	
}
.information:hover{
	background-color:brown;
}
.btnrecord{
	width:40%;
	background-color:ccc;
	
}
.btnprimary:hover{
	background-color:brown;
}
.btnsecondary{
	background-color:green;
	padding:1%;
	color:white;
	text-decoration:none;
	font-weight:bold;
}
.btnsecondary:hover{
	background-color:yellow;
}
.btndanger{
	background-color:red;
	padding:1%;
	color:white;
	text-decoration:none;
	font-weight:bold;
}
.btndanger:hover{
	background-color:yellow;
}
/* css for menu */
.menu {
border-bottom: 1px solid gray;
	text-align:center;
	background-color: white;
	
}
.menu ul{
	list-style:none;
}
.menu ul li {
	display: inline;
	padding: 1%;
}
.menu ul li a {
	text-decoration: none;
	font-weight: bold;
	color: red;
}
.menu ul li a:hover {
	color: blue;
	
}
/* css for main content */

.main-content {
	padding:1% 0;
	background-color: ccc;
	overflow:hidden;
}
.main-content-result {
	padding: 0;

	overflow:hidden;
}
h1{
	font-size:150%;
}
.code4{
	background-color: white;
	margin: 1%;
	padding:1%;
	width:18%;
	float:left;
}

/* css for footer */
.footer{
	background-color: 2723;
	color: white;
}

/* css login */
.adminlogin {
	border: 2px solid brown;
	width: 30%;

	padding: 2%;


	}
	.studentlogin {
	border: 2px solid brown;
	width: 30%;
	margin: auto ;
	padding: 2%;
	
	

	}
	/*body css */
	
	
		.addstudent{
	border: 1px solid gray;
	width: 30%;
	margin: 10% auto ;
	padding: 2%;

	

	}


.dashboard{

	border: 1px solid gray;
	width: 60%;
	margin-top: 10%;
	padding: 2%;
	margin: 4% auto;
	font-size:90%;

	
}

/*other css */
img.school 
{
	font-family: arial black;
	color: green;
width:100%;
	background-color:;
	
	height:12%;
}
/* Add Zoom Animation */ 

.animate {
 -webkit-animation: animatezoom 0.6s;
 animation: animatezoom 0.6s
}
input [type = "text"] , input [type = "password"]{
	border:0;
	background-color:0;
}


@keyframes animatezoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
}
select{
	width:100%;
}
@-webkit-keyframes animatezoom {
 from {-webkit-transform: scale(0)}
to {-webkit-transform: scale(1)}}


@media (min-width: 1000px) {
  .col-md-101, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
.col-md-101{
	width:50%;
	
}}

/* For mobile phones: */[class*="col-"] {    width: 100%;}
@media only screen and (min-width:600px) {/* For tablets: */.col-m-1 {width: 8.33%; font-size:30%;}    .col-m-2 {width: 16.66%;}    .col-m-3 {width: 25%;}    .col-m-4 {width: 33.33%;}    .col-m-5 {width: 41.66%;}    .col-m-6 {width: 50%;}    .col-m-7 {width: 58.33%;}    .col-m-8 {width: 66.66%;}    .col-m-9 {width: 75%;}    .col-m-10 {width: 83.33%;}    .col-m-11 {width: 91.66%;}    .col-m-12 {width: 100%;}}
@media only screen and (min-width: 768px) {    /* For desktop: */    .col-1 {width: 8.33%;}    .col-2 {width: 16.66%;}    .col-3 {width: 25%;}    .col-4 {width: 33.33%;}    .col-5 {width: 41.66%;}    .col-6 {width: 50%;}    .col-7 {width: 58.33%;}    .col-8 {width: 66.66%;}    .col-9 {width: 75%;}    .col-10 {width: 83.33%;}    .col-11 {width: 91.66%;}    .col-12 {width: 100%;}}