@import url('grid_edu.css');
@import url('edu.css');
@import url('header.css');
@import url('footer.css');
@import url('slide.css');
@import url('left.css');
@import url('main.css');
@import url('right.css');
@import url('menu.css');
@import url('color.css');
@import url('form.css');
@import url('table_color.css');
@import url('blue.css');
@import url('teal.css');
@import url('orange.css');
@import url('lime.css');
@import url('green.css');
@import url('mobile.css');


*{box-sizing: border-box;padding:0;margin:0;font-family:calibri;font-weight: lighter;}

body{color:#444;}

/** Normal Sizing of Boxes **/
.row{display: flex;}
.wrap{flex-wrap: wrap;}

.size15{width: 15%;}
.size20{width: 20%;}
.size25{width: 25%;}
.size30{width: 30%;}
.size33{width: 33%;}
.size40{width: 40%;}
.size50{width: 50%;}
.size55{width: 55%;}
.size60{width: 60%;}
.size70{width: 70%;}
.size75{width: 75%;}
.size100{width: 100%;}

/** Alignments **/
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.justify{text-align: justify;}

/*** Padding / Margins ***/
.pad10{padding: 10px;}
.pad20{padding: 20px;}
.pad2_5{padding:2% 5%;}
.pad10_0{padding:10px 0px;}
.pad20_0{padding:20px 0px;}
.margin1_0{margin:1% 0%;}
.margin2_0{margin:2% 0%;}
.margin3_0{margin:3% 0%;}
.margin0_30{margin:0px 30%;}

/*** Font Size ***/
.large{font-size: large;}
.xlarge{font-size: x-large;}
.xxlarge{font-size: xx-large;}

.fs-30{font-size:130%; }
.fs-20{font-size:120%; }

/*** Line Height ***/
.lh1{line-height: 1;}
.lh1_5{line-height: 1.5;}
.lh2{line-height: 2;}
.lh2_5{line-height: 2.5;}
.lh3{line-height: 3;}

/******Table Grid ************/
.grid td, .grid th {border: 1px solid #ddd;text-align: left;padding: 15px;}
.grid {border-collapse: collapse;width: 100%;}
.grid th { text-transform:uppercase;}

/****** Random Change Box Style ******/
.rand .box{margin:10px 0px;border-radius: 2px;min-height: 400px;}

/****** Search Left Box Style ******/

.search_left h2{line-height: 2;}
.search_left a{display: block;padding:5px 10px;text-decoration: none;line-height: 2;border-bottom:1px solid #eee;color:#222;}
.search_left a:hover{border-bottom:2px dotted #333;}
.search_left div{padding:5px 0px;font-size: large;font-weight: normal;}
.search_left input[type=checkbox]{margin:0px 5px;}

/****** Search1.php Style ******/
.search_result{border:1px solid #eee;padding:2% 5%;margin:3% 0%;line-height:1.8;}
.search_result a{text-decoration: none;color:#333;}
.details i{color:green;}
.details a{text-decoration: none;color:#111;border:1px solid #ccc;padding:10px 10px;}
.details .size75{padding:5px 20px;}

/****** Show_details1.php Style ******/
.border1{border:1px solid #ddd;}
.show_first .show_f_left{line-height: 1.5;}
.show_first .show_f_right h2{line-height: 3;}
.show_first .show_f_right{line-height: 2;}
.add_img{padding:20px 10px;background:#eee;text-align: center;}
.add_img a{text-decoration: none;color:#222;}

/*** Keyfeatures Style ***/
.key_feature .size50{padding:10px 20px;font-size: 90%;}
.key_feature .fa-times,.key_feature .fa-check{border-radius: 50%;}
.key_feature .fa-times{background:red;color: white;padding:5px 7px;}
.key_feature .fa-check{background:green;color: white;padding:5px;}

/***** Viewjobs.php *****/
.jobs h2 hr{width: 40%;color:red;line-height: 1;border:2px solid red;margin:5px 0px;}
.job_box{font-size: large;padding:0px 20px;}
.job_box hr{border-radius: 70%;width:90%;color#ddd;margin:10px 0px;}
.job_box h3{line-height: 2;}
.job_box p{padding:0px 25px;line-height: 2;}
.job_box a{text-decoration: none;color:#111;}

/**** Register.php ****/
.register_left{font-size: 110%;}
.register_left h2{line-height: 2.5;}
.register_left ul li{line-height: 2;}

/*** Login.php ***/
.login{margin-left:20%;padding:5%;font-size: 105%;}
.login h1{padding-bottom:20px;}
.login label{margin:10px 5px;color:#111;}
.login input[type=text],.login input[type=password]{padding:12px;}
.login button{padding:12px;background:#4CAF50;color:white;border:none;margin-top:10px;}
.login button:hover{opacity: 0.9;}