a{color: #2f4bc9}
a:hover{text-decoration: none;}
.round-medium{border-radius: 12px}
.round-more{border-radius: 24px}
.bg-light{background-color: #f3f8fb !important}
.badge-light{background-color: #f2f9fd !important; font-weight: normal; font-size: 12px; color:#666; padding: 4px; 
	border:1px solid #c2d2db; cursor: pointer; }
.post-action{color: #2f4bc9; font-size: 15px; font-weight: 500}
.post-action .material-icons{font-size: 16px; float: left; margin-top: 4px}
.course-card p, .job-card p, .exam-card p{font-weight: 500; color: #000; font-size: 15px}
.job-card p{line-height: 1.2rem}
.job-card p .material-icons{font-size: 18px;}
.course-card p small, .job-card p small{font-size: 13px}
.course-card p .material-icons{font-size: 16px; margin-top: 2px; color: #ccc}
.logo{max-height: 40px}
.menu{line-height: 40px;}
.menu .material-icons{font-size: 20px; margin-top: 9px}
.menu a{ max-width: 25%; margin-right: 20px; float: left; color: #2f4bc9}
.menu .active{font-weight: 500; color: #1c3399}
.dropdown button{color: #2f4bc9}
.dropdown button .material-icons{font-size: 16px; padding: 4px}
.lg-hide{display: none;}
.border-primary{border-color: #1c3399 !important}
.alert-primary{color: #2f4bc9 !important}
.text-primary{color: #2f4bc9 !important}
.bg-primary{background: #2f4bc9 !important}
.btn-primary{background: #2f4bc9 !important}
.btn-outline-primary{border-color: #2f4bc9 !important; color: #2f4bc9 !important}
.btn-outline-primary:hover{background: #2f4bc9 !important; color: #fff !important}
.pointer{cursor: pointer;}

.sign-tab .nav-link{color: #2f4bc9 !important; padding: 5px 12px; border: 1px solid #2f4bc9 !important; font-size: 14px; 
	background-color: #cce5ff; border-radius:0px;}
.sign-tab .active{color: #fff !important; padding: 5px 12px; border-color: #2f4bc9 !important; font-size: 14px; 
	background-color: #2f4bc9 !important; border-radius:0px;}


.loc-list li, .in-list li  {background-color: #2f4bc9 !important; color: #fff !important; border-radius: 0; cursor: pointer; display: block;}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #2f4bc9 !important;
    background-color: #2f4bc9 !important;
    color: #2f4bc9 !important;      
 }
 .custom-control-input:checked ~ .custom-control-label { color: #2f4bc9 !important; }

 .alert-secondary{background-color: #f4f4f4;}

 .profile-card a{ display: block;}
 .text-black-50{color: #ccc !important}
 .grade-star, .clear-star{cursor: pointer; font-size: 22px !important;}

 textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(126, 239, 104, 0.8);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(126, 239, 104, 0.6);
  outline: 0 none;
}

.form-el input {font-size: 18px; padding-top: 0; padding-bottom: 0;}

.form-el .disabled{
  background-image: url('../img/disable-bg.png'); background-repeat: repeat; background-color: transparent;
}

.skill-cards .card {min-width:18%;}
.achiev-cards .card img {display: block;}



.sidenav {
  height: 100%;
  width: 400px;
  position: fixed;
  z-index: 2;
  top: 0;
  right: -400px;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding: 30px;
  padding-top: 60px;
}

.student-tab .nav-link{color: #666 !important; padding: 5px 12px; border:none;  border-radius:0px;}
.student-tab .active{color: #2f4bc9 !important; border-bottom: 4px solid #2f4bc9 !important;}


@media (min-height: 320px) and (max-width: 768px)
{
	.sm-hide{display: none;}
	.lg-hide{display:inline-block;}
	.menu, .top-search{background-color: #1c3399;}
	.menu .material-icons{ margin-top: 16px; float: none !important; }
	.menu a{text-align: center; color: #cce5ff; line-height: 46px; width: 25%; margin-right: 0px;}
	.menu a:last-child{margin-right: 0px}
	.menu .active{border-bottom: 3px solid #fff; color: #fff}
	.profile-card a{ display: none;}
	.action-btn{position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 999}
	.action-btn a{ float: none !important; width: 100%; height: 50px; line-height: 35px; font-size: 18px}
        .action-btn .btn{ float: none !important; width: 100%; height: 50px; line-height: 35px; font-size: 18px}
	.grade-star, .clear-star{font-size: 22px !important;}
	.skill-cards .card {min-width:47% !important;}
	.achiev-cards .card {min-width:47% !important; float: left;}
}


#pagination a {
    border: 1px solid #ddd;
    padding: 4px 8px;
    float: left;
}
#pagination b {
    border: 1px solid #007bff;
    padding: 4px 8px;
    float: left;
    background: #007bff;
    color: #fff;
}


.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#loading {
  -webkit-animation: rotation 1s infinite linear; height: 60px; width: 60px; border-radius: 50%;
}

@-webkit-keyframes rotation {
   from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}