/* load page */
#loading{
           
           z-index: 99999;
           position: fixed;
           top:0;
           width: 100%;
           height:100%;
           background: url(../img/Preloader_2.gif) center no-repeat #fff;
           
         
       }
/*-------------------------------Basic----------------------------------------*/
body{
    padding: 10px;
    background-color: rgb(216, 216, 216);
    font-family: 'PT Serif', serif;
}
.search{
    padding: 5px ;
    background-color: #fff;
    margin: 10px;
    margin-left:0px;
    border-radius: 10px;
    font-size: 20px;
    width: 100%;
    
}
.search input,.search button{
  height: 30px;
  margin: 2px;
  margin-top: 15px;
  font-size: 13px;

}
.cur{
    width: 100%;  
    margin-top: 10px;
}
.cur img{
    border-radius: 10px;

}
#carouselExampleCaptions li{
    width: 10px;
    height: 10px;
    border: #000 solid 2px;
    border-radius: 50px;
}
#carouselExampleCaptions h5{
    background-color:rgba(14, 13, 13, 0.644);
    border-radius: 10px;
    height: 40px;
    padding: 8px;
    text-align: left;
    float: left;
  
}
.login{
    background-color: #fff; 
    border-radius: 10px;
    margin: 10px;
    margin-left: 0px;
  width: 100%;
}
.login input{
    background-color: rgb(218, 218, 218); 
   
    
}
.login a{
    text-align: right;

    
    
}
.people{
    margin-bottom: 10px;
   padding: 10px;
    height: 80%;
    background-color: #fff; 
    border-radius: 10px;  
    width: 100%;
    
}
.people h5{
   padding: 10px 0px;
}
.people .media img{
    margin: 5px 0px;
    padding: 5px 0px;
    border-radius: 10px;
}
.people h6{
    font-size: 13px;
    padding-top: 15px;
    margin-bottom: 0px ;
}
.people .media span{
    font-size: 11px;
    color: rgb(22, 104, 158);
    background-color:rgba(124, 179, 216, 0.26); 
    border-radius: 5px;   
    padding: 0px 10px; 
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif


}
.group{
    margin-bottom: 10px;
   padding: 10px;
    height: 80%;
    background-color: #fff; 
    border-radius: 10px;  
    width: 100%;
}
.group h5{
   padding: 10px 0px;
}
.group .media img{
    margin: 5px 0px;
    padding: 5px 0px;
    border-radius: 10px;
    
}
.group h6{
    font-size: 13px;
    padding-top: 15px;
    margin-bottom: 0px ;
}
.group .media span{
    font-size: 11px;
    color: rgb(22, 104, 158);
    background-color:rgba(124, 179, 216, 0.26); 
    border-radius: 5px;   
    padding: 0px 5px; 
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}
.member{
    margin-bottom: 10px;
   padding: 10px;
    height: 80%;
    background-color: #fff; 
    border-radius: 10px;  
    width: 100%;
}
.member h5{
   padding: 10px 0px;
   font-size: 17px;
}
.member img{
    margin: 5px 0px;
    padding: 1px 0px;
    border-radius: 10px;
    width: 45px;
    height: 45px;
}
.date{
    margin-bottom: 10px;
   padding: 10px;
    height: 80%;
    background-color: #fff; 
    border-radius: 10px;  
    width: 100%;
    font-size: 14px;
}
.date h6{
    text-align: right;
    color:rgb(151, 151, 151);
    margin-bottom: 20px;
}
.date h5{
   padding: 10px 0px;
  
}
  
  .weekdays {
    margin: 0;
    padding: 1px 0;
   
  }
  
  .weekdays li {
    display: inline-block;
    min-width: 12%;
    text-align: center;
    color:rgb(151, 151, 151);
    
  }
  
  .days {
    padding: 10px 0;
    margin: 0;
  }
  
  .days li {
    list-style-type: none;
    display: inline-block;
    min-width: 12%;
    text-align: center;
    margin-bottom: 5px;
    color:rgb(151, 151, 151);
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
  }
  .date .pre{
    color:rgb(151, 151, 151);
    
  }



    .lastactive{
        
    background-color: #fff; 
    margin: 10px 0px;
    border-radius: 10px;
    padding: 0px;
    padding-bottom: 1px;
    }
    .lastactive #h5{
        background-color: rgb(243, 243, 243);  
        padding: 10px;
        border-radius: 10px 10px 0px 0px; 
        border-bottom:1px solid rgb(236, 234, 234) ;

    }
    .lastactive .media{
        padding: 20px 10px;
        font-size: 12px;
        color: rgb(194, 193, 193);
    }
    .lastactive .media h5{
        font-size: 12px;
    }
    .lastactive .media a{
        color: #000;
        cursor: pointer;
    }
    .lastactive .media span{
        font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 600;
    }
    .lastactive img{
        border-radius: 10px;
    }
    .lastactive .dropdown-divider{
        margin: 0px 10px;
    }
    #readmore {
        
        font-weight: 800;
        color: rgb(143, 143, 143);
    }
    .lastactive button{
    width: 96%;
    margin: 10px;
     border-radius: 0px;
     background-color: rgb(243, 243, 243);  
     color: black;
     border: none;
     font-size: 12px;
    }
    .lastpost{
        
        background-color: #fff; 
        margin: 10px 0px;
        border-radius: 10px;
        padding: 0px;
        padding-bottom: 1px;
        }
        .lastpost #h5{
            background-color: rgb(243, 243, 243);  
            padding: 10px;
            border-radius: 10px 10px 0px 0px; 
            border-bottom:1px solid rgb(236, 234, 234) ;
    
        }
        .lastpost .media{
            padding: 20px 10px;
            font-size: 12px;
            color: rgb(194, 193, 193);
        }
        .lastpost .media h5{
            font-size: 12px;
        }
        .lastpost .media a{
            color: #000;
            cursor: pointer;
        }
        .lastpost .media span{
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: 600;
        }
        .lastpost img{
            border-radius: 10px;
            width:15%;
           
        }
        .lastpost .dropdown-divider{
            margin: 0px 10px;
        }
        .lastpost .pagination{
            font-size: 11px;
            margin-left: 70%;
            border:none;
        }
        .lastpost .pagination span,.lastpost .pagination a{
            color:rgb(145, 141, 141);
            border:none;
        }
        .lastpost .page-item.active .page-link {
            z-index: 3;
            color: rgb(145, 141, 141);
            background-color: rgb(243, 243, 243);  
            border-color: #ddd;
            border:none;
        } 
         .Features{
        
            background-color: #fff; 
            margin: 10px 0px;
            border-radius: 10px;
            padding: 0px;
            padding-bottom: 10px;
            
            }
            .Features #h5{
                background-color: rgb(243, 243, 243);  
                padding: 10px;
                border-radius: 10px 10px 0px 0px; 
                border-bottom:1px solid rgb(236, 234, 234) ;
        
            }
            .Features img{
               
                border-radius: 10px;
              
                width:100%;
                margin: 10px 5px;
                padding: 5px;
               
            }
            .Features p{
                font-size: 11px;
                padding: 5px;
                width: 100%;
                margin: 0px 5px;
                
            }
            .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
                position: relative;
                width: 100%;
                padding-right: 10px;
                padding-left: 0px;
            }
            .Statistics{
                margin-bottom: 10px;
                padding: 10px;
                height: 80%;
                background-color: #fff; 
                border-radius: 10px;  
                width: 100%;
            }
            .Statistics button{
             margin: 2px 10px;
             width: 90%;
             font-size: 13px;
             text-align: left;
             background-color: rgb(167, 8, 61);
             border-radius: 5px;
             border: none;
            }
            .Statistics span{
              float: right;
              font-size: 13px;
            }
            .Statistics i{
                margin-right: 5px;
            }
            .Statistics button:hover{
                color:rgb(167, 8, 61);
                background-color: rgb(209, 209, 209);
                border: none;
            }
            .Stat{
                margin-bottom: 10px;
                padding: 10px;
                height: 80%;
                background-color: #fff; 
                border-radius: 10px;  
                width: 100%;
            }
            .Stat p {
                font-size: 12px;
                width: 83%;
            }
            .Stat span{
                color: rgb(143, 143, 143);
                font-size: 12px;
            }