@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);.navbar{border-radius:0;margin-bottom:0}.navbar .navbar-brand{padding:4px;margin-right:15px}.navbar .navbar-brand img{width:auto;max-width:90px;height:42px;object-fit:contain}.navbar ul.navbar-nav li a:hover{background-color:#0088CE}footer{background-color:#2f7fb6;color:#fff}.footer .text-muted{color:#fff !important;}footer .container p{padding:15px;text-align:center}html{position:relative;min-height:100%}body{margin-bottom:60px}.footer{position:absolute;bottom:0;width:100%}p{margin:0}.full-padding{padding-left:0;padding-right:0}.full-padding .course-details{box-shadow:none!important}.user-profile,.user-profile>div{box-shadow:0 1px 1px 0 rgba(0,0,0,.16)}.back-div{display:block}.back-div button{float:right;background-color:#337ab7;color:#fff;border:0;padding:5px 20px;margin:5px;border-radius:5px}.back-div button:hover{background-color:#286090}.back-div:after{content:"";clear:both;display:block}.form-group span.error{color:red;font-size:12px}.blue{color:#0D8EFF}footer,nav{font-family:'Open Sans',sans-serif}.top-info p{text-align:center;color:red;font-weight:700;font-style:italic;padding:15px}.edit-error,.edit-success{font-style:normal;text-align:left;font-weight:700}.edit-error:before,.edit-success:before{font-family:FontAwesome;padding-right:5px}.edit-success{color:#008317;width:95%;margin:0 auto}.edit-success:before{content:" \f058"}.edit-success.forgot{width:100%;margin-bottom:10px}.edit-error{color:red;width:95%;margin:0 auto}.edit-error:before{content:" \f057"}.user-profile{padding:20px;width:95%;margin:0 auto;margin-bottom:20px;background-color:#F4F4F4;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.user-profile>div{padding:15px;margin-right:15px;background-color:#fff}.user-profile>div:hover{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.user-profile>div>div{padding:5px;font-size:14px}.user-profile .profile-image{text-align:center}.user-profile .profile-image img{width:75%;height:auto;min-width:132px}.user-profile .div-title{padding:0 25px 15px 0;border-bottom:1px solid #ccc;font-weight:700}.user-profile .personal-info .s-age:before{content:'Age ';color:#167BB3;padding-right:5px}.user-profile .personal-info .s-age:after{clear:both;content:'';display:block}.user-profile .address:after,.user-profile form.edit:before{content:"";clear:both;display:block}.user-profile i{color:#167bb3;width:25px}.course-group .panel .panel-heading{border-radius:0;background-color:#222;color:#fff;padding:5px 15px}.course-group .panel .panel-heading .panel-title a.collapsed:after,.course-group .panel .panel-heading .panel-title a:after{font-family:FontAwesome;font-size:20px;padding-left:5px;vertical-align:middle;padding-bottom:2px;text-decoration:none}.course-group .panel .panel-heading .panel-title a.collapsed:after{content:" \f055"}.course-group .panel .panel-heading .panel-title a{outline:0;text-decoration:none;vertical-align:middle}.course-group .panel .panel-heading .panel-title a:after{content:" \f056"}.course-group .panel .panel-heading .panel-title a:hover{text-decoration:none}.course-group .course-details{padding:20px;width:95%;margin:0 auto;margin-bottom:20px;background-color:#F4F4F4;box-shadow:0 1px 1px 0 rgba(0,0,0,.16);position:relative}.course-group .course-details .course-title{padding:0 25px 15px 0;border-bottom:1px solid #ccc;font-weight:700;margin-bottom:15px}.course-group .course-details .course-info{margin-bottom:10px}.course-group .course-details .course-info:before{content:"";display:block;clear:both}.course-group .course-details .course-info .title{font-weight:700;float:left;margin-bottom:10px}.course-group .course-details .course-info .title+div{float:left;margin-right:30px}.course-group .course-details .course-info .title.date{margin-right:5px}.course-group .course-details .course-info>div:first-child{font-weight:700;display:table-cell;min-width:207px}.course-group .course-details .course-info>div:last-child{display:table-cell;font-size:14px}.course-group .course-details .course-info textarea{width:100%}.course-group .course-details form.edit-form{position:absolute;right:10px;top:20px;width:60px;height:60px;border-radius:30px;background-color:#DDD;line-height:30px;text-align:center;font-size:28px;border:0;box-shadow:0 1px 1px 0 rgba(0,0,0,.16);outline:0}.course-group .course-details form.edit-form button{outline:0;border:0;margin-top:15px;background-color:#DDD}.course-group .course-details form.edit-form button i{color:#167bb3}.course-group .course-details form.edit-form:hover{cursor:pointer;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.course-group .assignment-table{width:95%;margin:0 auto;margin-bottom:20px;padding:5px;box-shadow:0 1px 1px 0 rgba(0,0,0,.16)}.course-group .assignment-table table{margin-bottom:0}.course-group .assignment-table table thead{font-size:12px;text-transform:uppercase;background-color:#222;color:#fff}.course-group .assignment-table table tbody{font-size:12px}.course-group .assignment-table table tbody tr td:last-child{font-size:18px;text-align:center;color:#008317}.blink-button{animation:bgcolorchange 4s infinite;animation:4s infinite bgcolorchange;padding:4px 10px;background-color:#ff0;font-weight:700;border-radius:6px;border:1px solid}@keyframes bgcolorchange{0%{color:red;background-color:orange}100%,20%,60%{color:#F200CD;background-color:gold}40%{color:#964B16;background-color:orange}80%{color:#820B0B;background-color:orange}}.edit-page{margin-top:0}.form-group label{font-size:14px}.form-group label:after{content:" ";font-size:20px;color:#f60}.form-group label.required:after{content:" *"}.upload p{color:#008317;font-size:12px;margin-top:5px}.login{margin-top:75px}.login form{margin:0 auto;margin-top:50px;padding:33px 29px!important;width:600px;box-shadow:2px 2px 30px 0 rgba(50,50,50,.38);border-radius:7px;border:3px solid #fff;background-color:#f2f2f2} .footer-section{clear: both;margin-top: 50px;} .course-group .panel .panel-heading{background-color: #f4f4f4;color: #0b3f61;} .course-group .panel .panel-heading .panel-title a{font-weight: 600;line-height: 1.6em;}

@media only screen and (max-width: 768px){
	.course-group .course-details .course-info>div:first-child{
		display: block;
	}
}
.tab-animate{
	animation: bgcolor-change 1.5s infinite;
}
@keyframes bgcolor-change {
  0% { color: #2f8000; }
  50% { color: pink; }
  100% { color: #2f8000; }
}

@media only screen and (max-width: 990px){
	.personal-info{
		padding-top: 3%;
	}

	.#uploadDocs{
		margin-bottom: 2px;
	}
}