.divTable
    {
        display:  table;
        width:auto;
        background-color:#eee;
        border:1px solid  #666666;
        border-spacing:5px;
		margin:auto;
		text-align:center;
    }
	.divTable input{
		border-radius:3px;
		border-color:#0086b3;
		border:2px solid #0086b3;
	}
    .divCell
    {
        float:left;
        display:table-column;
        width:200px;
        background-color:#ccc;
    }
	.uni_name
	{
        float:left;
        display:table-column;
        width:201.5px;
        background-color:#ccc;
    }
	.sub_name
	{
        float:left;
        display:table-column;
        width:403px;
        background-color:#ccc;
    }
	@media (max-width: 520px){
		.sub_name{
			 width:200px;
		}
	}
	/* ==========Format_order.php css Start =============== */
	
	.title{
		text-align:center;
		//border:1px solid red;
		height:60px;
		width:auto;
		margin-top:20px;
	}
	.leftwright{
		text-align:center;
		display:black;
		//border:1px solid white;
		width:100%;
		height:50px;
	
	}
	.leftDiv{
		width:30%;
		height:auto;
		text-align:left;
		//border:1px solid white;
		float:left;
		margin-left:20%;
		
	}
	.rightDiv{
		width:30%;
		height:auto;
		text-align:right;
	    //border:1px solid red;
		float:right;
		margin-right:20%;
		
	}
	@media (max-width: 520px){
		.leftDiv{
		 margin-left:1%;
         width:200px;		 
		 }
		.rightDiv{
		  margin-right:1%;		
		}
	}
    .exame_name{
		text-align:center;
		display:black;
		//border:1px solid white;
		width:100%;
		height:70px;
		//display:none;
	
	}
	.table_Div{
		display:table;
		margin-left:16%;
		width:1100px;
		border:1px solid #00ace6;
		height:35px;
		
	}
	.itable_Div{
		display:table;
		margin-left:240px;
		width:866px;
		border:1px solid #00ace6;
		height:35px;
		
	}
	.table_Div input{
		border-radius:5px;
		border:1px solid white;
	}
	/* ==========Table css Start =============== */
	.name_sr_no
    {
        float:left;
        display:table-column;
        width:50%;
		height:30px;
        //background-color:#ccc;
		border:1px solid #00ace6;
		text-align:center;
		//display:none;
    }
	
	.head_sel{
        display:table-row;
        width:940px;
		height:auto;
        //background-color:#ccc;
		border:1px solid #00ace6;
	}
	.colonDiv{
		display:table-column;
		float:left;
		width:306px;
		height:30px;
		border-left:1px solid #00ace6;
		border-right:1px solid #00ace6;
		//text-align:center;
		padding-left:5px;
		//display:none;
		
	}
	.small_Colon{
		display:table-column;
		float:left;
		width:72px;
		height:30px;
		border-left:1px solid #00ace6;
		border-right:1px solid #00ace6;
		text-align:center;
		
	}
	.stype{
		display:table-column;
		float:left;
		width:72px;
		height:30px;
		border:1px solid #00ace6;
		text-align:center;
		//display:none;
	}
	.border_sub{
		display:table-column;
		float:left;
		width:306px;
		height:30px;
		border:1px solid #00ace6;
		
		//text-align:center;
		padding-left:5px;
		
		
	}
	.border_colon{
		display:table-column;
		float:left;
		width:72px;
		height:30px;
		border:1px solid #00ace6;
		text-align:center;
	}
	.border_blanck{
		display:table-column;
		float:left;
		width:72px;
		height:30px;
		border-bottom:1px solid #00ace6;
		text-align:center;
	}
	.blanck{
		display:table-column;
		float:left;
		width:72px;
		height:30px;
		//border:none;
		//border-left:1px solid #00ace6;
		//border-right:1px solid #00ace6;
		text-align:center;
	}
	
	.button{
		Width:auto;
		text-align:center;
	}
	.button input{
		width:150px;
		height:35px;
		background-color:white;
		border-radius:9px;
		border-color:#0086b3;
	}
	.button input:hover{
		background-color:#33ccff;
	}
	@media(max-width:1200px){
		.table_Div{
		 margin-left:100px;
		}
	}
	@media(max-width:520px){
		.table_Div{
		 margin-left:0px;
		}
		.exame_name{
		height:105px;
	   }
}

/* ==========Delete.php css Start =============== */
.main_divva{
	width:350px;
	height:350px;
	//border:2px solid red;
	margin-top:50px;
	margin-left:38%;
	text-align:center;
	
}
.course{
	text-align:center;
}
.course input{
	width:350px;
	height:35px;
	border-radius:5px;
	border:2px solid #0099cc;
}

@media(max-width:800px){
	.main_divva{
		margin-left:18%;
	}
}
@media(max-width:450px){
	.main_divva{
		margin-left:1%;
		width:auto;
	}
    .course input{
	width:auto;
	height:35px;
	border-radius:5px;
	border:2px solid #0099cc;
  }
}
/* ==========Delete_data.php css Start =============== */
.mess{
    width: 100%;
    //border: 3px solid #73AD21;
    padding: 10px;
	text-align:center;
	position:absolute;
	top:45%;
	color:red;
	font-size:18px;
}
.info{
	width:850px;
	height:40px;
	//border:2px solid red;
    margin-left:250px;
	font-size:18px;
	text-align:center;
}

.name{
	width:auto;
	height:auto;
	//border:2px solid red;
    float:left;
	padding-left:10px;
}
.name input{
	width:120px;
	height:30px;
	border-radius:20px;
}
.name input:hover{
	background-color:#ff3300;
	color:white;
}
.regi{
	width:auto;
	height:auto;
	//border:2px solid red;
    float:left;
	padding-left:20px;
}
.commond{
	width:auto;
	height:auto;
	//border:2px solid red;
    float:right;
	//padding-left:20px;
}
.commond input{
	width:150px;
	height:30px;
	background-color:#0099cc;
	border-radius:10px;
	font-size:18px;
	color:red;
	
	
}
.commond input:hover{
	background-color:white;
}
@media(max-width:1100px){
.info{
    margin-left:150px;
	
 }
}
@media(max-width:900px){
.info{
    margin-left:50px;
	
 }
}
@media(max-width:800px){
.info{
    margin-left:7px;
  }
  .commond{
    padding-left:10px;
	
 }
 .regi{
	 padding-left:10px; 
 }
}
/* ==========all_Delete.php css Start =============== */
.ask{
	width:850px;
	height:40px;
	border:2px solid red;
    margin-left:250px;
	font-size:18px;
	text-align:center;
}

.stu_detail_cantener{
	width:1366px;
	height:40px;
	//border:2px solid red;
	padding-left:100px;
	padding-right:100px;
	
}

.stu_detail_cantener ul {
    list-style-type: none;
    margin: 0;
    padding-top:1px;
    overflow: hidden;
    background-color: white;
	border-radius:5px;
}
.stu_detail_cantener ul:hover {
	 background-color:#ffffcc;
}
.stu_detail_cantener li {
	width:24%;
    float: left;
	text-align:center;
}


.checkbox{
	width:50px;
	height:100px ;
	//border:2px solid green;
	
}
.warningmess{
 width:320px;
 height:50px;
 background-color: #ffffcc;
 border-radius:5px;
 text-align:center;
 color:red;
 font-size:25px;
 position:relative;
 top:-100px;
 left: 36%;
 display:none;	
}



.cantener{
width:320px;
height:50px;
background-color: #ffffcc;
border-radius:5px;
text-align:center;
color:red;
font-size:25px;
position:absolute;
top:40%;
left: 38%;
display:none;
}

.buttonc{
	width:100px;
	height:30px;
	border-radius:5px;
}
.buttonc:hover{
	background-color: #1ac6ff;
} 
P{
	color:#808080;
}
P:hover{
	color:#ff1a1a;
}

/*====Student form css====== */

.lookspace{
	width:100%;
	height:40px;
	background-color:#33ccff;
	border-radius:10px;
	color:white;
    font-size:20px;
	
}
.lookspace p{
	padding-top:8px;
	padding-left:1.4%;
}
.button{
	width:100%;
	height:35px;
	background-color:#33ccff;
	border-radius:20px;
	color:white;
}
.button:hover{
	background-color:#66d9ff;
}


.tablec{
		 width:100%;
		 margin-top:20px;
}
.tablec td{ 
	     border:1px solid  #d9d9d9;
		 height:35px;
		 padding-left:5px;
}

@media screen and (max-width: 720px) {
	.lookspace{
		height:auto;
	}
}

/* ==========all_Delete.php css Start =============== */
.ask{
	width:850px;
	height:40px;
	border:2px solid red;
    margin-left:250px;
	font-size:18px;
	text-align:center;
}

.stu_detail_cantener{
	width:1366px;
	height:40px;
	padding-right:32%;
}

.stu_detail_cantener ul {
    list-style-type: none;
    margin: 0;
    padding-top:1px;
    overflow: hidden;
    background-color: #f2f2f2;
	border-radius:5px;
	color:#00a3cc;
}
.stu_detail_cantener ul:hover {
	 background-color:#ffffcc;
}
.stu_detail_cantener li {
	width:24%;
    float: left;
	text-align:center;
	height:42px;
	
}


.checkbox{
	width:50px;
	height:100px ;
	//border:2px solid green;
	
}
.commond_button{
	background-color:#00ccff;
	border:none;
	font-size:18px;
	color:white;
	border-radius:5px;
	width:100px;
	height:30px;
}
.commond_button:hover{
	background-color:#00a3cc;
	color:white;
}



.warningmess{
 width:320px;
 height:50px;
 background-color: #ffffcc;
 border-radius:5px;
 text-align:center;
 color:red;
 font-size:25px;
 position:relative;
 top:-100px;
 left: 36%;
 display:none;	
}



.cantener{
width:320px;
height:50px;
background-color: #ffffcc;
border-radius:5px;
text-align:center;
color:red;
font-size:25px;
position:absolute;
top:40%;
left: 38%;
display:none;
}

/*==============Filter===============*/
.filter{
	height:35px;
	margin-top:-16px;
	border:none;
	width:100%;
	border-radius:5px;
	color:#00ace6;
	border:1px solid #e6e6e6;
}

.tablec{
		 width:100%;
		 margin-top:20px;
}
.tablec td{ 
	     border: 1px solid #d9d9d9;
		 height:35px;
		 padding:10px;
}


.main-container{
	width:100%;
	height:500px;
}
.coloun{
	position:relative;
	width:23%;
	height:auto;
	padding:150px 50px 150px 50px ;
	margin-left:38%;
	margin-top:25px;
	border-radius:2px;
    box-shadow: 5px 10px 8px 10px #888888;
}
@media screen and (max-width: 1100px) {
	.coloun{
		width:40%;
	    margin-left:30%;
	}
}
@media screen and (max-width: 720px) {
	.coloun{
		width:60%;
	    margin-left:20%;
	}
}
@media screen and (max-width: 400px) {
	.coloun{
		width:100%;
	    margin-left:0;
	}
}
.mybutton{
	width:100%;
	height:40px;
	font-size:14px;
	border-radius:50px;
	background-color:#0066cc;
	color:white;
	margin-top:10px;
	//margin-bottom:100px;
}
.mybutton a{
	color:white;
}



.pictureSpace{
    width:100%;
    height:200px;
    border-radius: 3px;
    border:1px solid #d9d9d9;
}
.upload-area {
    width: 100%;
    height: 200px; /* Adjust height as needed */
    background: #fff; /* Initially plain background */
    border: 1px solid #ddd; /* Optional border */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #888;
    font-family: Arial, sans-serif;
    background-size: 200% 200%; /* For smooth movement */
    background-position: 0 0; /* Default background position */
    transition: background 0.5s ease; /* Smoothly apply the background on hover */
}

.upload-area:hover {
    background-image: repeating-linear-gradient(
        145deg, /* Angle of the stripes */
        #f0f0f0, /* First stripe color */
        #f0f0f0 10px, /* Stripe size */
        #fff 10px, /* Gap starts */
        #fff 20px /* Gap ends */
    );
    animation: move-stripes 15s linear infinite; /* Slow movement of stripes */
}

@keyframes move-stripes {
    0% {
        background-position: 0 0; /* Start position */
    }
    100% {
        background-position: 100% 100%; /* End position for diagonal movement */
    }
}

.upload-area .icon {
    font-size: 24px;
    margin-right: 10px;
}

.upload-area input {
    display: none; /* Hide the actual file input */
}



.BottomSpace{
    width:100%;
    height:40px;
    margin-top:50px;
    margin-bottom: 20px;
    padding: 0% 2% 0% 2%;
}
.BottomSpace .savebtnSpace{
   width: auto;
   height: 100%;
   float:right; 
}
.myanimationRing{
    border:3px dotted white;
    border-top:3px dotted white;
    width:17px;
    height:17px;
    border-radius: 50%;
    animation-name: spin ;
    animation-duration:3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes  spin{
   0%{
      transform:rotate(0deg);
   }
   100%{
      transform: rotate(360deg);
   }
}

.printPic{
    width: 190px;
    height: 100%;
    margin: auto;
    display: none;
}
.fancyButton{
    width:auto;
    height: 40px;
    color:white;
    font-size: 18px;
    font-weight: 600;
    background-color: #de5d83;
    padding: 5px 15px 5px 15px;
    border-radius: 3px;
}
.fancyButton  .buttonText{
    width:50%;
    height: 30px; 
    
 }
.AnimationProgress{
    width:auto;
    height: 40px;
    background-color: #de5d83;
    display: flex;
    padding: 5px 27px 5px 15px;
    border-radius: 3px;
    display: none;
}
.AnimationProgress .waitingUi{
    width:25%;
    height: 30px; 
    margin-top:5px;
 }
.AnimationProgress .buttonText{
    width:50%;
    height: 30px; 
    color:white;
    font-size: 16px;
    font-weight:400;
    padding-top:1px;
 }
@media screen and (max-width:800px){
    .studentFormspace  .allInputs{
        display: block;
    }
    .inputNest{
        margin-left:0%;
    }
}

.alertmsg{
    position:fixed;
    top:45vh;
    left:calc(50% - 180px);
    width:360px;
    //top:5vh;
    //left:10px;
    //width:100%;
    min-height: 50px;
    background-color:white;
    border-radius: 2px;
    padding: 15px 5px 15px 5px ;
    box-shadow: 1px 2px 8px 10px #b3b3b3;
    z-index:100;
    text-align: center;
    color:green;
    font-size: 14px;
    display: none;
}