/* Add additional stylesheets below
-------------------------------------------------- */
.content {
    display : none;
}

.fa-question-circle {
    color: green;
}
#page-loader {
    margin-top: 10%;
    opacity: 0.5;
}

.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #f3f3f3;
    border-right: 8px solid green;
    border-bottom: 8px solid #f3f3f3;
    border-left: 8px solid green;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.project-btn-edit-padding {
    margin-top: 15px;
    padding: 5px;
}

.project-edit-btn {
    float: left;
}

.project-delete-btn {
    float: right;
}

.project-elem:hover, .news-elem:hover {
    cursor: pointer;
    box-shadow: 1px 1px 20px 2px #888;
    -webkit-transition-duration: 0.3s;
    /* Safari */
    transition-duration: 0.3s;
}


.project-container {
  width: 100%;
  height: 400px;
  margin-top: 20px;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 70px;
}

.project-container .project-img-container {
    padding: 7px;
    width: 100%;
    margin: auto;
    border: 1px #cccccc solid;
}

.project-container .projects-img {
    margin: auto;
    width: 100%;
    height: 148px;
}
.project-container .projects-content {
    display: inline-block;
    overflow: hidden;
}
.project-container .projects-content h3 {
    color: black;
    font-weight: bold;
}

.project-container .projects-content h6 {
    color: #bdbdbd;
    font-weight: bold;
}

.project-container .projects-content p {
    padding: 10px;
    text-align: justify;
}

.allprojects-content > p {
    font-size: 10px;
}

.news-summary {
    height: 150px;
    overflow: hidden;
}

.main-image {
    max-height: 100%;
}

h3{
    font-size: 1.82rem !important;
    font-family: 'PT Sans Caption', sans-serif !important;
}

.no-padding-fix {
    padding: 0px;
}

.dataTables_length > label{
    color: black !important;
}

.hover-hand:hover {
    cursor: pointer;
}