.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

/*
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

body {
  			//font-family: 'Oswald', sans-serif !important;
  			//font: 15px/20px normal Helvetica, Arial, sans-serif;

  				font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif; 
  				font: 15px/20px normal TimesNewRoman, Arial, sans-serif;
  				font-size: 16px; 
  				font-style: normal; 
  				font-variant: normal; 
  				font-weight: 400;
  				//line-height: 17.6px;
			}


*/












.footer-01{
	//width: 1300px ; 
	widows: auto;
	// if box100 is used for complete web page then use width otherwise comment width;
	height:auto;
	color: #fff;
  	background-color: #007bff;
  	border-color: #007bff
  	margin-top:5px;
  	margin-bottom: 5px;
  	text-align: center;
  	padding-top: 2px; 
    padding-bottom: 2px;
}

.text-01{
	font-size:11px; 
	font-weight:bold; 

}

.text-02{
	font-size:14px; 
	font-weight:normal; 
	font: 14px/20px normal Book Antiqua;
}



	body {
		background-color: #fff;
    background-color: grey;
		margin: 0px;
		margin-right: 2px;
		margin-left: 2px;
		font: 15px/20px normal Helvetica, Arial, sans-serif;
		font-family: system-ui;
		font-family: 'Lato';
		color: #4F5155;
	}

	a 	{
		color: #003399;
		background-color: transparent;
		font-weight: normal;
		}

	red 	{
		color: red;
		background-color: transparent;
		font-weight: normal;
		}

	h1 {
		color: #444;
		background-color: transparent;
		border-bottom: 1px solid #D0D0D0;
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 15px;
	}

	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 14px;
		background-color: #f9f9f9;
		//border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		text-align: justify;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
		height: auto;
	}

	#body {
		margin: 0 15px 0 15px;
	}



	p.footer {
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
	}

	#container {
		margin: 10px;
		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;
	}



/*admin boxes */

	#admin_box1 {
	    margin-top: 10px;
    	margin-right: auto;
    	margin-bottom: 50px;
    	margin-left: auto;

		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;

		width: 50%;
  		height: auto;
  		//padding: 5px;
  		padding: 12px 10px 12px 10px;
 		border-radius: 5px;
 		//float: left;
    //transform: translate(auto, auto);
	}




/* home page*/

  #home_main {
      margin-right:auto;
      margin-left: auto;

      width: 80%;
      height: 100%; 
      background-color: #F4FFF0;

      //border: 10px solid #D0D0D0;
    //box-shadow: 0 0 8px #D0D0D0;
  }

 #site_footer{
   margin-right:auto;
      margin-left: auto;

      //width: 80%;
    //float: bottom;
    position: relative;
    bottom: 0;
    flex-grow: 1;
    }

	#home_box1 {
	    margin-top: 10px;
    	margin-right: 5px;
    	margin-bottom: 2px;
    	margin-left: 0px;

		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;

		width: 25%;
  		
  		//padding: 5px;
  		padding: 12px 10px 12px 10px;
 		border-radius: 5px;
 		float: left;
	}
	#home_box2 {
	    margin-top: 10px;
    	margin-right: 0px;
    	margin-bottom: 2px;
    	margin-left: 0px;

		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;

		width: 74%;
  		//height: 710px;
     // height: 85% ;
  		padding: 5px;
 		border-radius: 5px;
 		float: right;
	}
	#home_box2-img{
		width:70%;
		height: auto;
    margin-right: auto;
    margin-bottom: auto;
	}
/*home page -end*/
	
/*result page*/
	#result_box {
		margin-top: 2px;
    	margin-right: 0px;
    	margin-bottom: 2px;
    	margin-left: 0px;

		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;

		width: 100%;
  		height: auto;
  		padding: 5px;
 		border-radius: 5px;
 		float: left;
 		}

	#result_box1 {
	    margin-top: 2px;
    	margin-right: 5px;
    	margin-bottom: 2px;
    	margin-left: 0px;

		//border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;

		width: 49.4%;
  		height: auto;
  		//padding: 5px;
  		padding: 12px 10px 12px 10px;
 		border-radius: 5px;
 		float: left;
	}

	#result_box2 {
	    margin-top: 2px;
    	margin-right: 5px;
    	margin-bottom: 2px;
    	margin-left: 0px;

		//border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;

		width: 49.4%;
  		height: auto;
  		padding: 12px 10px 12px 10px;
 		border-radius: 5px;
 		float: right;
	}
/*result page*/


/*galary page*/
  #galary_box {
    margin-top: 2px;
      margin-right: 0px;
      margin-bottom: 2px;
      margin-left: 0px;

    border: 1px solid #D0D0D0;
    box-shadow: 0 0 8px #D0D0D0;

    width: 100%;
      height: auto;
      padding: 5px;
    border-radius: 5px;
    float: left;
    }


/*Sample qs */
	#samp_qs_box1 {
		
	    margin-top: 2px;
    	margin-right: 5px;
    	margin-bottom: 2px;
    	margin-left: 0px;

		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;

		width: 59%;
  		height: 500px;
  		//padding: 5px;
  		padding: 12px 10px 12px 10px;
 		border-radius: 5px;
 		float: left;
	}
	#samp_qs_box2 {
		
	    margin-top: 2px;
    	margin-right: 5px;
    	margin-bottom: 2px;
    	margin-left: 0px;

		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;

		width: 39%;
  		height: 500px;
  		//padding: 5px;
  		padding: 12px 10px 12px 10px;
 		border-radius: 5px;
 		float: right;
	}
/*Sample qs */

/*form box*/
#form1_box_application {
	    margin-top: 2px;
    	margin-right: 2px;
    	margin-bottom: 2px;
    	margin-left: 2px;

		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;

		width: auto;
  		height: auto;
  		//padding: top,right, bottom, left;
  		padding: 10px 5px 10px 5px;
 		border-radius: 5px;
 		//float: right;
	}


  #form1_img{
    width: 120px;
    height: 120px;
    margin-right: auto;
    margin-bottom: auto;
  }

  #form1_user_image {
    margin-top: 10px;
    
    margin-bottom: 2px;
   

    border: 1px solid #D0D0D0;
    box-shadow: 0 0 8px #D0D0D0;

    width: 150px;
    height: 150px;
    padding: 5px;
    border-radius: 5px;
    float: right;
  
    
    margin-right: auto;
    margin-bottom: auto;
  }

  #form1_box_1 {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;

      //border: 1px solid #D0D0D0;
      //box-shadow: 0 0 1px #D0D0D0;

      width: 60%;
      height: auto;
      //padding: top,right, bottom, left;
      //padding: 10px 5px 10px 5px;
      //border-radius: 0px;
      float: left;
  }

 #form1_box_2 {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;

      //border: 1px solid #D0D0D0;
      //box-shadow: 0 0 1px #D0D0D0;

      width: 35%;
      height: auto;
      //padding: top,right, bottom, left;
      //padding: auto auto auto auto;
      //border-radius:2px;
      float: right;
  }



#form2_box_application {
	    margin-top: 2px;
    	margin-right: 2px;
    	margin-bottom: 2px;
    	margin-left: 2px;

		//border: 1px solid #D0D0D0;
		//box-shadow: 0 0 8px #D0D0D0;

		width: auto;
  		height: auto;
  		//padding: top,right, bottom, left;
  		padding: 10px 5px 10px 5px;
 		border-radius: 5px;
 		//float: right;
	}




	/*form box*/




	#box100 {
		
	    margin-top: 1px;
    	margin-right: auto;
    	margin-bottom: 1px;
    	margin-left: auto;

		//border: 1px solid #D0D0D0;
		//box-shadow: 0 0 8px #D0D0D0;

		width: 1300px;
  		height: auto;
  		//padding: 5px;
  		padding: 1px 1px 1px 1px;
 		border-radius: 5px;
 		//float: ;
	}

	
	#box3 {
		
	    margin-top: 10px;
    	margin-right: 5px;
    	margin-bottom: 2px;
    	margin-left: 0px;

		width: 100%;
  		height: 600px;
  		padding: 5px;
 		border-radius: 5px;
 		}



 	#box4{

 		

 		width: 100%;
  		height: 100%;
  		padding: 5px;
 		border-radius: 5px;
		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;
 		text-align: center;
 		}

	#box5{
	    margin-top: 10px;
    	margin-right: 0px;
    	margin-bottom: 2px;
    	margin-left: 20px;

 		width: 70%;
  		height: auto;
  		padding: 10px;
 		border-radius: 10px;

 		text-align: left;
 		float: left;
 		}

	#box5a{
	   margin-top: 10px;
    	margin-right: 10px;
    	margin-bottom: 10px;
    	margin-left: 10px;

		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;

		width: 24%;
  		height: auto;
  		padding: 5px;
 		border-radius: 5px;
 		float: right;
 		//overflow: hidden;
 		//position: sticky;
 		}


	#box6 {
		
	    margin-top: 1px;
    	margin-right: 1px;
    	margin-bottom: 1px;
    	margin-left: 1px;

		

		width: 35%;
  		height: auto;
  		//padding: 5px;
 		//border-radius: 5px;
 		float: left;
 		//border-radius: 5px;
		//border: 1px solid #D0D0D0;
		//box-shadow: 0 0 8px #D0D0D0;
	}

	#box7 {
		
	    margin-top: 10px;
    	margin-right: 0px;
    	margin-bottom: 2px;
    	margin-left: 0px;

		

		width: 60%;
  		height: auto;
  		padding: 5px;
 		//border-radius: 5px;
 		float: right;
	}

	#box_login{
		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;
	    margin-top: 100px;
    	margin-right: auto;
    	margin-bottom: 100px;
    	margin-left: auto;

 		width: 500px;
  		//height: auto;
  		padding: 20px;
 		border-radius: 10px;

	
 		//text-align: left; */
 		//float: center;
 		}

	#box_user_details{
		border: 1px solid #D0D0D0;
		box-shadow: 0 0 8px #D0D0D0;
	    margin-top: 2px;
    	margin-right: auto;
    	margin-bottom: 2px;
    	margin-left: auto;

 		width: auto;
  		height: auto;
  		padding: 10px;
 		border-radius: 10px;

	
 		//text-align: left; */
 		//float: center;
 		}





	.blue 	{
		color: white;
		background-color: transparent;
		font-weight: normal;
		}

	#med-text	{
		font-size: 16;
	}

 #clear {
    clear: both;
}

    //col-smm   >=350
//--breakpoint-smm: 350px;
  
.col-smm-1, .col-smm-2, .col-smm-3, .col-smm-4, .col-smm-5, .col-smm-6, .col-smm-7, .col-smm-8, .col-smm-9, .col-smm-10, .col-smm-11, .col-smm-12, .col-smm,
.col-smm-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 350px) {
  .col-smm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-smm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-smm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-smm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-smm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-smm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-smm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-smm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-smm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-smm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-smm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-smm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-smm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-smm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}