#magicCarousel img {
      height: 550px; 
      object-fit: fill;
    }
    #magicCarousel .carousel-caption{
      max-width: 100%;
      width:100%;
      background-color: #333333;
      bottom: 0;
      left: 0;
      text-align: left;
      padding:10px;
      height: 40px;
      line-height: 40px;
      opacity: 0.9;
      color: #FFF11C;
    }

    #magicCarousel .carousel-caption p a{
      color: #FFF11C;
      text-decoration: none;
    }

    #magicCarousel .carousel-control-next, #magicCarousel .carousel-control-prev {
      background: #333333;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      top:45%;
      opacity: 1;
    }

    #magicCarousel .fa-angle-left, #magicCarousel .fa-angle-right{
      color: #FFF11C !important;
      font-size: 35px;
      text-align: center;
      font-weight: bolder;
    }



    .custom-padding{
      padding: 50px 0 0 0;
      background: lightblue;
    }
    .custom-padding h4{
      color: #000;
      letter-spacing: 1px;
    }

    .uom-departments-tabs {
    overflow: hidden;
    background-color: #fff;
    padding: 50px ;
}

.uom-departments-tabs .feature-img {
    max-height: 180px;
    border-radius: 10px;
}
.feature-img img{
  width: 100%;
  height: 220px;
  border-radius: 10px;
}
.uom-departments-tabs .nav-tabs {
    border: 0;
}

.uom-departments-tabs .nav-link {
    border: 100;
    padding: 15px 8px;
    transition: 0.3s;
    color: #000;
    border-radius: 0;
    border-left: 2px solid  #212370 !important;
    font-weight: 700;
    font-size: 17px;
}
.uom-departments-tabs .nav-link:hover {
    color: #212370;
}
.uom-departments-tabs .nav-link.active {
    color: #fff;
    background:  #212370;
}
.uom-departments-tabs .nav-link:hover {
    border-right: 4px solid #212370;
}
.uom-departments-tabs .tab-pane.active {
    -webkit-animation: fadeIn 0.5s ease-out;
    animation: fadeIn 0.5s ease-out;
}
.uom-departments-tabs h3, #dept-chairman-modal h4, .teacher-modal h4 {
    font-size: 22px;
    color: #0F3661;
    margin-top: 30px;
}
.uom-departments-tabs  p,.department-contents-body {
    color: #000;
    line-height: 30px !important;
    text-align: justify;
   
    font-size: 17px ;
    line-height: 1.62em;
    padding-bottom: 20px;
}

.department-contents-body ol,.department-contents-body ul{
  margin-top: 20px;
  margin-bottom: 20px;
}

.department-contents-body ol li, .department-contents-body ul li{
  display: block;
  line-height: 2em;
  color: #000;
  text-align: justify;

}

.number-circle-list {
   list-style: none;
   padding-left: 1rem;
   counter-reset: circle-counter;
}
 .number-circle-list--list-item {
   counter-increment: circle-counter;
   margin-bottom: 0.25rem;
}
 .number-circle-list--list-item:before {
   content: counter(circle-counter);
   background-color: #e1e1e1;
   width: 1.5rem;
   height: 1.5rem;
   border-radius: 50%;
   display: inline-block;
   font-size: 0.75rem;
   line-height: 1.5rem;
   color: black;
   text-align: center;
   margin-right: 0.5rem;
   position: relative;
   top: -2px;
}
 .number-circle-list--list-item:last-child {
   margin-bottom: 0;
}

.details h5,.details span{
  color: #000;
  font-size: 20px;
  margin-top: 40px;
}

.department-read-more{
  margin:30px 0;
  display: inline-block;
  color: #000;

}
#department-tabs{
  margin-bottom: 50px;
}

.department-read-more:hover{
  color: #212370;
}

.department-contents-body p b{
  color: #000;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}

.department-contents-body a{
  color: blue;
  text-decoration: none;
}

h4.list-group-item-heading {
    color:#000;
    font-size: 15px;
}
#programs-tab a.list-group-item {
  color: blue;
}
#programs-tab a.list-group-item:hover{
  color: #86bc42;
}

#department-publication-table thead tr th, #department-publication-table tbody tr td{
  font-size: 15px !important;
  color: #000 !important;
  text-transform: capitalize !important;
}

#department-publication-table thead tr th{
  font-weight: bolder;
  font-size: 14px !important;
}
#department-publication-table thead tr th:first-child{
  width: 10% !important;
  text-align: left !important;
}
#department-publication-table_length .custom-select,#department-publication-table_filter{
  margin-top: 30px;
}

.table>tbody>tr:nth-child(odd) td, .table>tbody>tr:nth-child(even) td{
  padding-left: 12px !important
}

#department-publication-table_previous .page-link, #department-publication-table_next .page-link{
  background: #0F3661 !important;
}
#department-publication-table a.btn-blue{
  color: blue;
}
#department-publication-table td.dataTables_empty{
  color: red !important;
  font-size: 14px !important;
}

.cus-icon-times{
    color: red;
}

.staff-modal-navs .nav-tabs {
      box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
      border: none;
      background: #fff !important;
}


.staff-modal-navs .nav-tabs .nav-link{
      border: none;
      border-radius: 0;
      transition: color .2s ease-out;
    }
.staff-modal-navs .tabs-dark .nav-link {
      color: #0F3661;
    }
.staff-modal-navs .tabs-dark .nav-link:not(.active):hover {
      color: #0F3661;
    }
.staff-modal-navs  .tabs-marker .nav-link {
      position: relative;
    }
.staff-modal-navs  .tabs-marker .nav-link.active .marker {
      height: 30px;
      width: 30px;
      left: 50%;
      bottom: -30px;
      transform: translatex(-50%);
      position: absolute;
      overflow: hidden;
    }
.staff-modal-navs  .tabs-marker .nav-link.active .marker:after {
      content: "";
      height: 15px;
      width: 15px;
      top: -8px;
      left: 50%;
      transform: rotate(45deg) translatex(-50%);
      transform-origin: left;
      background-color: #0F3661;
      box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
      position: absolute;
    }
    .staff-modal-navs .nav-link.active{
      background: #0F3661;
      color: #fff;
    }

.staff-modal-navs .nav-link {
  border-right: 0 !important;
}