body {
  height: auto;
}

.navbar-default {
    margin-top: 0;
    font: 15px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.navbar-static-top {
  margin-bottom: 19px;
} 

.form-control.score{
    
   width: 50px; 
   padding: 5px ;
}

.grade-w-remark{
    background-color: #d9534f ;
}
.grade-w{
    background-color: #d9534f ;
    color:#fff ;
}
.grade-n-w{
    background-color: #fff ;
    color:#000 ;
}


.grade-n-w-bor{
    border-bottom: 1px solid #ddd ;
}
.grade-w-bor{
   border-bottom: 1px solid #d9534f;
}
 
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #fff;;
}


/* nav */
.navbar-default {
    background-color: #52c7ea;
    border-color: #52c7ea;
}
.navbar.navbar-default {
    background-color: #52c7ea;
    border-color: #52c7ea;
}

.navbar.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #52c7ea;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #52c7ea;
}


.navbar.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #52c7ea;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #52c7ea;
}


.navbar.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}


.navbar.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-brand {
    color: #fff;
}

/*panel */
.panel-default {
    border-color:#52c7ea;
}
.panel.panel-default {
    border-color: #52c7ea;
}
.panel-default > .panel-heading {
    color: #fff;
    background-color: #52c7ea;
    border-color: #52c7ea;
}
/* btn file */
div.upload {
    width: 90px;
    height: 57px;
    background: url(https://lh6.googleusercontent.com/-dqTIJRTqEAQ/UJaofTQm3hI/AAAAAAAABHo/w7ruR1SOIsA/s157/upload.png);
    overflow: hidden;
}

div.upload input {
    display: block !important;
    width: 90px !important;
    height: 57px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

.image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;       
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}