body {
    background-color: #386792;
}

.btn-primary {
    background-color: #4e85b8;
    border-color: #4e85b8;
    color: #FFFFFF;
}

.btn-primary:hover {
    background-color: #376794!important;
    border-color: #376794!important;
    color: #FFFFFF;
}

#side-menu .nav-header {
    background: #386792 !important; 
}

#side-menu  .nav > li {
    background: rgba(38, 75, 109, 1)!important;
}

.nav > li.active {
    border-left: 4px solid white;
    background: rgba(38, 75, 109, 1)!important;
}

#side-menu  .nav > li.active {
    background: rgba(38, 75, 109, 1)!important;
}

.margin-bottom-5{
    margin-bottom: 5px;
}

.margin-bottom-10{
    margin-bottom: 10px;
}

.margin-bottom-20{
    margin-bottom: 20px;
}
.margin-bottom-30{
    margin-bottom: 30px;
}

.margin-bottom-40{
    margin-bottom: 40px;
}
.margin-bottom-50{
    margin-bottom: 50px;
}

.margin-top-5{
    margin-top: 5px;
}

.margin-top-10{
    margin-top: 10px;
}

.margin-top-20{
    margin-top: 20px;
}
.margin-top-30{
    margin-top: 30px;
}

.margin-top-40{
    margin-top: 40px;
}
.margin-top-50{
    margin-top: 50px;
}

.padding-left-20{
    padding-left: 20px;
}


.padding-10{
    padding: 10px;
}

.padding-20{
    padding: 20px;
}

.padding-top-10{
    padding-top: 10px;
}

.padding-top-20{
    padding-top: 20px;
}

.padding-top-30{
    padding-top: 30px;
}

.padding-top-40{
    padding-top: 40px;
}

.feed-element:hover{
    background-color: aliceblue;
}


#student-activity .feed-element{
    margin-top: 10px !important;
    padding: 15px;
}

#student-activity .feed-activity-list{
    padding-left: 50px;
}

#student-activity .feed-activity-list .feed-element {
    border-bottom: solid #e7eaec 0.3px;
    border-right: solid #e7eaec 0.1px;
    border-left: solid #e7eaec 0.1px;
}

#student-activity .feed-element {
    margin-top: 0px !important;
    height: 150px !important;
}

.panel-default>.panel-heading {
    color: white;
    background-color: #4e85b8;
    border-color: #4e85b8;
}

#assess-modal .inmodal .modal-header {
    padding: 0px !important; 
    text-align: center;
}

.notify{
    cursor: pointer;
}

.user-profile-picture{
    max-height: 120px;
    margin: auto;
}

.img-logo-login{
    display: block;
    width: 650px;
    max-width: 70%;
    height: auto;
    margin:auto;
}

.grey-bg {
    background-color: #c7c7c7;
    color: black;
}

.green-bg{
    background-color: rgb(66, 183, 84);
    color: white;
}

.vertical-timeline-content.active {
    background: rgb(225, 238, 251) !important;
}

.vertical-timeline-content.active:before {
    border-color: transparent rgb(225, 238, 251) transparent transparent;
}

.vertical-timeline-content.lock {
    background: #1ab394 !important;
    color: white !important;
}

.vertical-timeline-content.lock:before {
    border-color: transparent #1ab394 transparent transparent;
    color: white !important;
}

.vertical-timeline-content p{
    margin-left: 40px;
}

.bootstrap-tagsinput{
    width: 100% !important;
    font-size: 14px !important;
}

.tag.label{
    font-size: 13px !important;
}

.inmodal .modal-loading {
    background: #f8fafb;
}

.modal-loading {
    padding: 20px 30px 30px 30px;
}

.modal-xlg {
    width: 1024px;
}

.user-img{
    max-width: 150px;
}

.pointer{
    cursor: pointer;
}