a{
  text-decoration: none!important;
}
.text-sm{
  font-size: 12px!important;
}



.navbar-white {
  background: #0e759d;
  padding-top: 20px;
}
.navbar-white i {
  color: #fff;
}

.dropdown-menu i {
  color: #212529;
}

/* SIDE NAV LOGO AREA */
.brand-link {
  padding: 0;
  padding-top: 20px;
}

/* SIDE NAV SHADOW */
.layout-fixed .main-sidebar {
  background-color: white;
  box-shadow: 0px 0px 10px #aaa;
}


/* SIDE NAV MENU */
.nav-pills .nav-link:not(.active):hover {
  color: #0e759d;
}



/* MODAL STYLE */

.modal-header {
  background-color: #18c840;
  color: white;
}
.modal-header h5 {
  font-size: 18px;
  font-weight: bold;
}
.modal-header button {
  color: white;
}
.modal-footer {
  padding: 0;
  border-top: 1px solid #fff;
}
.modal-footer button{
  text-transform: capitalize;
  font-weight: bold;
}

/* MODAL STYLE */



.btn-alumni {
  background-color: #0e759d;
  color: white;
  font-weight: bold;
  letter-spacing: 2px;
}
.btn-alumni:hover {
  color: #ffc955;
}

.btn-alumni-white {
  background-color: #fff;
  color: #0e759d;
  font-weight: bold;
  box-shadow: 2px 2px 0px #2a4631;
}

.link-alumni{
  color: #0e759d;
}
.alumni-color1{
  color: #0e759d;
}







/* SIDE NAVIGATION */

@supports not (-webkit-touch-callout:none) {
  .layout-fixed .wrapper .sidebar {
    height: 80vh !important;
  }
}

.sidebar {
  scrollbar-color: rgba(a,a,a,.5) transparent !important;
}




/* ALERTS */

.alert {
  position: fixed;
  bottom: 10%;
  z-index: 1000000;
  margin: 0 20%;
  display: block;
}


/* PAGINATION */
.pagination svg {
  font-size: 12px;
  height: 20px;
}
.pagination p {
  margin-top: 15px;
}



/*NOTIFICATION*/


.notifications .unread {
  border-left: 2px solid blue;
}

.notifications a {
  color: #444;
}

.notification img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 100px;
  margin: auto;
}
.notification img.initiatives {
  object-fit: contain;
}

.notification h5 {
  font-size: 16px;
  font-weight: bold;
}

.notification p {
  font-size: 14px;
  color: #888;
}


/*ACCOUNT SECTION*/
.user-account .account-img {
  top: -20px;
  position: relative;
}
.user-account .name {
  color: #0e759d;
  font-weight: bold;
}


/* CONTENT SECTION */

.box-card {
  background-color: white;
  box-shadow: 0px 0px 5px #ddd;
  border-radius: 5px;
}
.box-card-content {
  padding: 20px;
}
.box-card-size-sm{
  height: 250px;
  overflow: auto;
  scrollbar-color: #ffc107 #5d7077;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
}

.box-card-size{
  height: 450px;
  overflow: auto;
  scrollbar-color: #ffc107 #5d7077;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
}

/* SECTION TITLE */

.section-title {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px 5px 0 0;
  border-bottom: 3px solid #0e759d;
}
.section-title h4{
  margin: 0;
  color:  #0e759d;
}



/* TABLE SECTION STYLE */

.table td, .table th {
  vertical-align: middle!important;
}

td {
  font-size: 14px;
}
tr.heading {
background-color: rgb(93, 112, 119)!important;
color: white;
border: none;
}

tr.heading td, td.heading{
  font-weight: bold;
}

.status{
  font-size: 12px;
  text-align: center;
  /*padding: 3px 10px;
  color: white;
  border-radius: 100px;*/
  font-weight: bold;
}
.status-success {
  color: #0da433;
}
.status-warning {
  color: #ffa906;
}
.status-danger {
  color: #d92020;
}
.status-muted {
color: #737373;
}



.action span {
  padding: 2px 5px;
  border-radius: 3px;
}
.action span a{
  color: white;
}
.action span.edit {
  background-color: #0a417b;
}
.action span.trash {
  background-color: #b00909;
}
.action span.pay {
  background-color: #208020;
}

td.user img {
  height: 30px;
  width: 30px;
  object-fit: cover;
  border-radius: 100px;
}
td.user a{
  font-weight: bold;
}

.user img {
  height: 75px;
  width: 75px;
  object-fit: cover;
  border-radius: 100px;
}
.user p.name{
  font-weight: bold;
}
.user p.price span{
  color: #0e759d;
  font-weight: bold;
}

.news-img-preview img{
  width: 100px;
  height: 50px;
  object-fit: cover;
}


/*ALUMNUS*/
#alumnusView #family .media{
  border-radius: 10px;
  box-shadow: 0px 0px 5px #ddd;
}
#alumnusView #family .media-left{
  width: 30%;
}
#alumnusView #family .media-body{
  width: 70%;
  padding: 10px;
}
#alumnusView #family img{
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}
#alumnusView #family p{
  color: #333;
  margin: 0;
  font-weight: bold;
}
#alumnusView #family p span{
  font-weight: normal;
  color: #000;
}



#initiatives .btn{
  font-weight: bold;
  border-radius: 0;
}

#initiatives .img-cover{
  background-color: #f7f7f7;
}
#initiatives .img-cover img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
#initiatives .content h5{
  color: #0e759d;
  text-align: center;
}
#initiatives .content p span{
  font-weight: bold;
}
#initiatives .content p{
  margin: 0;
}


.contribution-big-img{
  width: 100%;
  height: 300px;

}
.contribution-big-img img{
  width: 100%;
  height: 300px;
  object-fit: contain;
}

.contribution-heading {
  border-bottom: 3px solid #0e759d;
  width: 100%;
}


.contribution-description {
  border-bottom: 3px solid #0e759d;
}


.contribution-comment .user {
  background-color: #f6f6f6;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
}
.contribution-comment p.comment{
  margin-top: 5px;
  line-height: 1;
}

.contribution-price span{
  font-weight: bold;
}
.contribution-price span.price{
  font-size: 20px;
  color: #0e759d;
}


/*LEADERSHIP*/
/*ALUMNUS*/
#leadership .leader{
  display: block;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 0px 5px #ddd;
}
#leadership .leader .media-left{
  width: 100%;
}
#leadership .leader .media-body{
  width: 100%;
  padding: 10px;
}

#leadership .leader img{
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}
#leadership .badge {
  position: absolute;
  top: 10px;
}
#leadership .leader p{
  color: #333;
  margin: 0;
  font-weight: bold;
}
#leadership .leader p span{
  font-weight: normal;
  color: #000;
}


#expenses .price {
  font-size: 24px;
  font-weight: bold;
  color: #0e759d;
}
/*  */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #0e759d;
  border-color: transparent;
}
.nav-tabs .nav-link {
  background-color: #f6f6f6;
}
.nav-tabs {
  border-bottom: 1px solid #f6f6f6;
}

.events .todo{
  background-color: #f7f7f7;
}
.todo span {
  color: white;
  padding: 5px;
  font-size: small;
  border-radius: 5px;
}
.todo h4 {
  color: #0e759d;
  font-size: 18px;
  font-weight: bold;
}


.settings .user img {
  width: 100%;
  object-fit: contain;
  border-radius: 0;
}

.settings .tab-content h4{
  color: #0e759d;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
}

.settings .nav-pills .nav-link {
  box-shadow: none;
  border: none;
  margin: 10px 10px;
}