img{
	border:none;	
}
body{
	width:100%;
	height:100%;
	font-family: "niveau-grotesk";
	font-weight:300;

}

.btn-default{
    color: #000;
    background-color:rgba(208,208,208,1.00);
    border-color:rgba(104,104,104,1.00);
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}

.thumb img {
    height:250px;
    width:100%;
}


.thumb:hover .middle {
  opacity: 1;
}

.text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
	display: block;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}



a{
	font-family: "niveau-grotesk";	
	font-weight:300;	
}

.nav-move{
	position: sticky;
	top: 10px;
}

/* Custom Fonts 
-------------------------------------------------- */
.niveau{font-family: "niveau-grotesk";}

/* TOP NAV CUSTOM STYLES
-------------------------------------------------- */
.login{
	background:url("../images/login-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
.login-panel{
  margin-top:320px;
	background-color:rgba(0,0,0,0.44);
	padding: 2px 33px 33px;
	border-radius: 25px;
}
.login h3{
	color:rgba(255,255,255,1.0);
	text-shadow: 0 2px 6px rgba(0,0,0,.50)
}
.login input{
	font-size:150%;
	box-shadow: 0 0 10px rgba(255,255,255,.50);
}
.admin-header{
	background:linear-gradient(to bottom right, #5989f6, #59e2f6);
}
.admin-header h1{
	color:rgba(255,255,255,1.0);
	font-weight:400;
}
.admin-header-img{
	max-width:250px;
}
.admin-header h2{
	color:rgba(255,255,255,1.0);
}
.admin-secondary{
	background:rgba(36,85,108,1.00);
	border-bottom:solid 1px rgba(23,55,69,1.00);
}
.admin-secondary p{
	margin:5px 0 5px 10px;
	font-size:125%;
	color:rgba(255,255,255,1.00);
}
.left-menu{
    min-height: 95vh;
    background: rgba(218,218,218,1.00);
    padding-top: 10px;
}
.left-menu h3{
  font-size:140%;
}
.left-menu a{
    color: rgba(41,41,41,1.00);
    font-size: 110%;
    display: block;
    padding: 10px;
    text-decoration: none;
}
.left-menu .list-group-item {
    padding:0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.left-menu .list-group-item:hover {
    background: rgba(233,241,246,1.0);
}

.left-menu h3 a{
  font-size:85%;
  color:rgba(255,255,255,1.0);
  text-decoration: none;
}
.left-menu h3 a i{
  font-size:83%;
  padding-top:3px;
}
.toggleLink{
	cursor: pointer;
}
.menu-bar-title{
	color:rgba(15,22,81,1.00);
	font-size:120%;	
}
.toggle .list-group-item{
	padding:0;
}
.toggle .list-group-item a{
	color:rgba(41,41,41,1.00);
	font-size:100%;
	display: block;
	padding:10px;
}
.toggle .list-group-item:hover{
	background: rgba(233,241,246,1.0); 
}
.toggle .list-group-item a:hover{
	text-decoration:none;
}
.file-mod-title{
	font-weight: 400;
}
.content-area{
	background:rgba(90,91,97,1.0);
}
.full-file-box{
  background:rgba(255,255,255,1.00);	
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0 0 4px rgba(0,0,0,.60);
  overflow: hidden;
}
.home-edit{
	background:rgba(255,255,255,1.00);	
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}
.box-head{
	color:rgba(255,255,255,1.0);
}
.file-mod-title{
	color:rgba(243,243,243,1.00);
}
.admin-head-top a{
	color:rgba(255,255,255,1.0);
	font-family: "macho";	
	font-weight:700;
}
.user-head{
	color:rgba(243,243,243,1.00);
	padding:10px 5px;
}
.user-head div{
	font-size:115%;
	font-weight:700;
}
.user-body{
	background: rgba(255,255,255,1.00);
	padding:0 10px;
}
.user-body div{
	padding:10px 5px;
	font-size:115%
}
.padding-remove{
  padding:0 !important;
}
.view-files-drop{
  display:block;
	padding:11.5px 5px;	
	cursor: pointer;
}
.view-files-drop:hover{
	background: rgba(233,241,246,1.0);
}
.files_box{
  display:none;
	background:rgba(225,225,225,1.0);
}
.table{
  background:rgba(255,255,255,1.0);
}
.dropDownYear{
	cursor: pointer;
}
.folder{
	font-size:150%;
}
.year-colapse{
	display:none;
}
.dropDownYear2{
	background: rgba(239,239,239,1.00);
	cursor: pointer;
}
.dropDownYear2 h4{
	font-size:100%;
	font-weight: 700;	
}
.user-edit{
	background: rgba(255,255,255,1.00);	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 0 3px 4px rgba(0,0,0,1.0);	
	overflow: hidden;
}
.edit-user-head{
	color:rgba(243,243,243,1.00);
	background:rgba(17,43,176,1.00);
	padding:10px 5px;
}
#tinyMCEWrapper{
	width:100% !important;
}
.admin-body{
	background: rgba(255,255,255,1.00);
}
.admin-body .page-name a{
	font-size:110%;
	font-weight:400;
}
.error .list-group .list-group-item{
	color: #721c24!important;
	background-color:rgba(255,238,238,1.00) !important;
	border-color: #f5c6cb!important;
}

/*Calendar */

.calendar-nav{
	background: rgba(255,255,255,1.00);
	font-size: 130%;
}

table.Calendar {
  font-family: Arial;
  border-collapse: collapse;

}
  table.Calendar th {
    background: #C9E9F0;
    color: #0092B4;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #bbb;
    border-top: none; }
  table.Calendar tbody td {
    vertical-align: top;
    width: 90px;
height:19vh;
    border: 1px solid #bbb;
    background: #e6e6e6; }
    table.Calendar tbody td time {
      font-size: .7em;
      display: block;
      background: white;
      padding: 2px;
      text-align: right;
      font-weight: bold; }
    table.Calendar tbody td.SCsuffix, table.Calendar tbody td.SCprefix {
      background: white; }
    table.Calendar tbody td div.event {
      color: white;
      font-size: .95em;
		margin-top: 5px;
      padding: 8px;
      line-height: 1em;
      border-bottom: 1px solid #bbb;
      background: #222222;
      }
  table.Calendar tbody td.today {
    background: #d2d2d2; }

table.Calendar .event_link{
    color: #FFFFFF;
    line-height: normal;
    font-size: 1.2em;
}




#member_title{
	height: 230px;
}
.u-directory{
	background-color: rgba(0,0,0,0.01);
	border-top: 1px dashed rgba(0,0,0,0.25)
}
.has-error input{
	border: solid 1px rgba(255,0,4,1.00);
}

.has-error label.form-error{
	color: rgba(255,0,4,1.00);
}
	
.module {
  font-size: 1rem;
  line-height: 1.5;
}


.module .collapse-container.collapse:not(.show) {
  display: block;
  height: 14rem;
  overflow: hidden;
}

.module .collapse-container.collapsing {
  height: 14rem;
}

.module a.toggle-btn::after {
  content: '+ Show More';
}

.module a:not(.collapsed)::after {
  content: '- Show Less';
}
	
	.module a.file-link::after {
  content: '';
}

#directory_wrapper{
	background-color: rgba(255,255,255,1.00)
}

.dashboard_boxes{
	background-color: rgba(255,255,255,1.00);
	padding: 5px;
	
}
.dashboard_boxws h3{
	padding-bottom: 5px;
}

.dashboard_boxes h5{
	line-height: 18px;
}
.dashboard_boxes h5 small{
	display: block;
	
}


.list-group-item{
padding: .75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0,0,0,.125);
}






.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
   
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
  margin-bottom: 30px;
	width: 200px;
	height: 200px;
	overflow: hidden;
}


div.dataTables_wrapper div.dataTables_filter {
    padding: 10px 10px 0 0;
}

tr.bg-danger{
	color: #FFFFFF;
}


.notActive{
	background-color: rgba(255,0,4,0.20) !important;
}




@media (min-width: 100px){
/*#------NAVIGATION CSS-------------------------------------------------------------------------------------------*/
.open-nav{
  padding-top:15px;
  text-align: center;  
}
.navbar-nav .nav{
  display:flex;
}
.navbar-nav li{
  list-style:none;
  flex-grow: 1;
}
.navbar-nav li a{
  color:rgba(255,255,255,1.0);
  margin: 0;
  display: block;
  letter-spacing: 0px;
  margin-bottom: 2px;
  font-weight: 400;
  padding: 10px 10px;
  text-decoration: none!important;   
}
.navbar-nav ul li a:hover{
  margin-bottom: 0px;
  border-bottom: solid 2px #1377b8;
}
.navbar-nav .dropdown-menu a:hover{
  margin-bottom: 0px;
  border-bottom: solid 2px #FFFFFF;
}
.navbar-nav{
  flex-direction: row;
}
.mobile-nav{
  background:rgba(255,255,255,1.0);
  position:fixed;
  z-index:150;
  top:0;
  left:0;
  display:none;
  overflow: hidden;
  width:85%;  
  padding-right:0px;
  padding-left:0px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
}
.mobile-nav ul{
  width:100%;
}
.mobile-nav li:active{
  background: -webkit-linear-gradient(left, rgba(32,42,93,.2) 0%, rgba(32,42,93,.2) 78%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(left, rgba(32,42,93,.2) 0%, rgba(32,42,93,.2) 78%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(32,42,93,.2) 0%, rgba(32,42,93,.2) 78%, rgba(255,255,255,1) 100%);;
}
.nb-active{
  background: -webkit-linear-gradient(left, rgba(32,42,93,1) 0%, rgba(32,42,93,1) 78%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(left, rgba(32,42,93,1) 0%, rgba(32,42,93,1) 78%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(32,42,93,1) 0%, rgba(32,42,93,1) 78%, rgba(255,255,255,1) 100%);;
}
.nb-active a{
  color:rgba(255,255,255,1)!important;
}
.mobile-nav li a span{
  font-size:16px;
  padding-left:15px;
}
.mobile-nav li a i{
  font-size:16px;
  padding-left:15px;
  width:25px;
  text-align: center;
}
.mobile-nav-top{
  width:100%;
  border-bottom:solid 2px rgba(32,42,93,.2);
  overflow: hidden;
}
.mobile-nav-top .mobile-phone{
  width:85%;
  float:left;
}
.mobile-nav-top .mobile-phone img{
  width:75px;
}
.mobile-nav-top .close-nav{
  width:15%;
  cursor: pointer;
  text-align: right;
  float:left;
  padding-right:15px;
  padding-top:15px;
}
.mobile-nav-top .close-nav i{
  font-size:25px;
  font-weight: bold;
}
.site-cover{
  position:fixed;
  top:0;
  left:0;
  z-index: 149;
  width:100%;
  height:100vh;
  background:rgba(0,0,0,.6);
  display:none;
}
.mobile-nav li{
  width:100%;
}
.mobile-nav li a{
  color:rgba(32,42,93,1.0);
  padding: 5px 10px;    
  }
/*--------------------------------------------------------------------------------------------------------------*/

}
@media (min-width: 300px){
	
}
@media (min-width: 576px){
.card-columns {
    column-count: 2;
}
}
@media only screen and (min-width: 768px){

}
@media (min-width: 992px){

}
@media only screen and (min-width: 1200px){

}
@media only screen and (min-width: 1610px){


}
@media only screen and (min-width: 1921px){
	
}