.login_alert{max-width: 300px;margin: 0 auto;}
		.page_breadcrumb{padding-left: 0px;}
		.modal-dialog{max-width:380px;}
		.modal-header{padding-bottom: 0px;}
		input,textarea,select{border-radius:0 !important;}
		
        /*.modal-body{text-align:left; padding-top: 30px;background:#fff; overflow:hidden;}
        .modal-body label{display: block; margin-top:10px;}
        .modal-body .form-control{width:100%;}
        .modal-body .form-group{width:100%;}
        .modal-header{padding-bottom: 0px;}
        .icon-seperator{margin-right:15px;}
        .form_group_spacer{margin-top: 15px;}	
		.modal-footer{}*/
		
		.admission_form{			
			max-width:662px; 
			border: 1px solid #E5E5E5;			
			margin: 80px auto 20px;
			background: #f4f4f4;
			padding: 30px 20px 20px;
			
		}
		
		#dept_form{	
			max-width: 380px;
			border: 1px solid #E5E5E5;
			border-radius: 5px;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
			margin: 0 auto 20px;
		}
		
		#section_form{	
			max-width: 380px;
			border: 1px solid #E5E5E5;
			border-radius: 5px;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
			margin: 0 auto 20px;
		}
		
		#course_form{
		    max-width: 380px;
			border: 1px solid #E5E5E5;
			border-radius: 5px;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
			margin: 0 auto 20px;			
		}
		
		#subject_form{
		    max-width: 380px;
			border: 1px solid #E5E5E5;
			border-radius: 5px;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
			margin: 0 auto 20px;			
		}
		
		#subj_allocation_form{
		    max-width: 380px;
			border: 1px solid #E5E5E5;
			border-radius: 5px;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
			margin: 0 auto 20px;			
		}
		
		
		.form_wrapper{
			background: #F7F7F7; /*#F7F7F7;F0F0F0*/			
			overflow:hidden;
			padding: 35px 18px 10px;
		}		
		
        .left-padding{padding-left:0px;background:red;}
		.right-padding{padding-right:0px;}			
		.actions{width: 60px;}
		.item_no{width: 60px;}
		
		.fileUpload{			
		    position: relative;
		    overflow: hidden;
			margin: 0px 10px 5px 0px;
		}				
		.fileUpload input.upload{
			position: absolute;
            top: 0px;
            right: 0px;
            margin: 0px;
            padding: 0px;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0); 
			
            			
		}
		h6{border-bottom: 1px solid #ccc;}
		
		.file-name input{
			outline: none;
			border: 0;
			box-shadow: none;
			background: transparent;
			pointer-events:none;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			width: 100%;  			      		
		}
		
		.file-name input:focus{
			outline: none;
			border: 0;
			box-shadow: none;
			background: transparent;
			pointer-events:none;
		}
		
				
	/*For horizontal and basic form design*/
form {
    padding: 15px;
}
.form-group > .form-group {
    padding-left: 0px;
    padding-right: 0px;
}
    .form-group > .form-group:nth-child(n+1) {
        padding-left: 5px;
        padding-right: 0px;
    }
    .form-group > .form-group:first-child {
        padding-left: 0px;
    }
.form-group > div[class*='col-'] {
    padding-left: 0px;
    padding-right: 0px;
}
    .form-group > div[class*='col-']:nth-child(n+1) {
        padding-left: 5px;
        padding-right: 0px;
    }
    .form-group > div[class*='col-']:first-child {
        padding-left: 15px;
    }
    .form-group > div[class*='col-']:last-child {
        padding-right: 15px;
    }
@media only screen and (max-width: 768px) and (min-width: 120px) {
    .form-group > div[class*='col-']:nth-child(n+1) {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }
    .form-group > div[class*='col-']:first-child {
        padding-right: 15px;
    }
    .form-group > div[class*='col-']:last-child {
        padding-left: 15px;
        padding-bottom: 0px;
    }
}
@media only screen and (max-width: 992px) and (min-width: 769px) {
    .form-group > div[class*='col-']:nth-child(n+1) {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }
    .form-group > div[class*='col-']:first-child {
        padding-right: 15px;
    }
    .form-group > div[class*='col-']:last-child {
        padding-left: 15px;
        padding-bottom: 0px;
    }
}

/*For inline form design*/
.form-inline .form-group {
    padding-bottom: 10px;
    width: 100%;
}
.form-inline .control-label {
    padding-left: 0;
}
.form-inline .form-control {
    width: 100%;
}
.form-inline .form-group > div[class*='col-'] {
    padding-left: 0px;
    padding-right: 0px;
}
    .form-inline .form-group > div[class*='col-']:nth-child(n+1) {
        padding-left: 5px;
        padding-right: 0px;
    }
    .form-inline .form-group > div[class*='col-']:first-child {
        padding-left: 15px;
    }
    .form-inline .form-group > div[class*='col-']:last-child {
        padding-right: 0px;
    }
@media only screen and (max-width: 768px) and (min-width: 120px) {
    .form-inline .form-group {
        padding-bottom: 0px;
    }
        .form-inline .form-group > div[class*='col-']:nth-child(n+1) {
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 15px;
        }
        .form-inline .form-group > div[class*='col-']:first-child {
            padding-right: 15px;
        }
        .form-inline .form-group > div[class*='col-']:last-child {
            padding-left: 15px;
            padding-bottom: 0px;
        }
}
@media only screen and (max-width: 992px) and (min-width: 769px) {
    .form-inline .form-group {
        padding-bottom: 0px;
    }
        .form-inline .form-group > div[class*='col-']:nth-child(n+1) {
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 15px;
        }
        .form-inline .form-group > div[class*='col-']:first-child {
            padding-right: 15px;
        }
        .form-inline .form-group > div[class*='col-']:last-child {
            padding-left: 15px;
            padding-bottom: 0px;
        }
}	

.bg-red{background-color:#dd4b39 !important}
.bg-yellow{background-color:#f39c12 !important}
.bg-aqua{background-color:#00c0ef !important}
.bg-green{background-color:#00a65a !important}	
.bg-gray{color:#000;background-color:#d2d6de !important}
.bg-maroon{background-color:#d81b60 !important}
.bg-purple{background-color:#605ca8 !important}
.bg-blue{background-color:#0073b7 !important}

.timeline{position:relative;margin:0 0 30px 0;padding:0;list-style:none}
.timeline:before{content:'';position:absolute;top:0;bottom:0;width:4px;background:#ddd;left:31px;margin:0;border-radius:2px}
.timeline>li{position:relative;margin-right:10px;margin-bottom:15px}
.timeline>li:before,.timeline>li:after{content:" ";display:table}
.timeline>li:after{clear:both}.timeline>li>.timeline-item{-webkit-box-shadow:0 0px 0px rgba(0,0,0,0.1);border:1px solid #E4E4E4;box-shadow:0 0px 0px rgba(0,0,0,0.1);border-radius:3px;margin-top:0;background:#fff;color:#444;margin-left:60px;margin-right:15px;padding:0;position:relative}
.timeline>li>.timeline-item>.time{color:#999;float:right;padding:10px;font-size:12px}
.timeline>li>.timeline-item>.timeline-header{margin:0;color:#555;border-bottom:1px solid #f4f4f4;padding:10px;font-size:16px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.timeline>li>.timeline-item>.timeline-header>a{font-weight:600}.timeline>li>.timeline-item>.timeline-body,.timeline>li>.timeline-item>.timeline-footer{padding:10px}
/*.timeline>li>.fa,.timeline>li>.glyphicon,.timeline>li>.ion{width:30px;height:30px;font-size:15px;line-height:30px;position:absolute;color:#666;background:#d2d6de;border-radius:50%;text-align:center;left:18px;top:0}*/
.timeline>li>.fa,.timeline>li>.glyphicon,.timeline>li>.ion{width:30px;height:30px;font-size:15px;line-height:30px;position:absolute;color:#fff;background:#d2d6de;border-radius:50%;text-align:center;left:18px;top:0}
.timeline>.time-label>span{font-weight:600;padding:5px;display:inline-block;background-color:#fff;border-radius:4px}.timeline-inverse>li>.timeline-item{background:#f0f0f0;border:1px solid #ddd;-webkit-box-shadow:none;box-shadow:none}
.timeline-inverse>li>.timeline-item>.timeline-header{border-bottom-color:#ddd}
.timeline-footer a{color:#fff}
.timeline-footer a:hover{color:#fff}
/*table.datatable tbody td.functions .function_buttons {
  width: 70px;
  height: 30px;
  margin: 0 auto 0 auto;
}
table.datatable tbody td.functions .function_buttons li {
  float: left;
  padding: 0 10px 0 0;
}
table.datatable tbody td.functions .function_buttons li.function_delete {
  padding: 0;
}
table.datatable tbody td.functions .function_buttons a {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #999;
  font-family: 'FontAwesome', Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 29px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
}
table.datatable tbody td.functions .function_buttons .function_edit a:before {
  font-size: 1.1rem;
  content: "\f040";
}
table.datatable tbody td.functions .function_buttons .function_delete a:before {
  font-size: 1.2rem;
  line-height: 30px;
  content: "\f1f8";
}
table.datatable tbody td.functions .function_buttons a:hover,
table.datatable tbody td.functions .function_buttons a:active,
table.datatable tbody td.functions .function_buttons a:focus {
  background-color: #333;
}
table.datatable tbody td.functions .function_buttons span {
  display: none;
}*/

textarea {
    resize: none;
	resize:vertical; max-height:59px; min-height:59px;
}