.card .card-image-overpower {
  position: relative;
 /** height: 250px; **/
  overflow: hidden;

}


.btn{

	  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 10px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 10px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 10px; 
	
	}
	
	
	nav ul a.btn {
	
    margin-left: 5px;
    margin-right: 5px;
		}
	

.nav_bar_button_smallest{
	
	padding: 0px 10px;
	
	}

.hover_button_grey{
	min-height:auto !important; 
	background-color:#fff;
	cursor:pointer;
	}


.hover_button_grey:hover { 
    background-color:#E9E9E9;
}


.message_item{
	background-color:#FFFFFF;
	padding:10px;
	margin-top:10px;
	
	
	  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 10px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 10px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 10px; 
	}



.section_head_text{
	text-align:left;
	color:#414141;
	
	}

.click_target{
	cursor:pointer;	
}

.image_cropper{
	
  margin-left: -webkit-calc(50% - 150px);
  margin-left: expression(50% - 150px);
  margin-left: -moz-calc(50% - 150px);
  margin-left: -o-calc(50% - 150px);
  margin-left: calc(50% - 150px);	
	}
 
      .cropit-preview {
        background-color: #f8f8f8;
        background-size: cover;
        border: 1px solid #ccc;
       
        margin-top: 7px;
        width: 250px;
        height: 250px;
		min-height:250px;
		min-width:250px;
		
		
		  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 3px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 3px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius:3px; 
      }

      .cropit-preview-image-container {
        cursor: move;
      }


.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

  /* IE 5-7 */
  filter: alpha(opacity=10);

  /* Netscape */
  -moz-opacity: 0.1;

  /* Safari 1.x */
  -khtml-opacity: 0.1;

  /* Good browsers */
  opacity: 0.1;
}


.chip-size-1 {
     margin-bottom: 0px; 
     margin-right: 0px;
	 font-size:18px;
}

.loading_panel{
	position:fixed; 

	height:100%; 
	background-color:rgba(255,255,255,0.90); 
	z-index:99;
	
	width:100% ;


	
	}


.loading_panel_with_side_nav{
	position:fixed; 

	height:100%; 
	background-color:rgba(255,255,255,0.90); 
	z-index:99;
	
width:-webkit-calc(100% - 300px);
 width:expression(100% - 300px);
width: -moz-calc(100% - 300px);
width: -o-calc(100% - 300px);
width: calc(100% - 300px);

margin-left:300px;

	
	}
	
	
	
	

.accommodate-side-nav {
      padding-left: 300px;
    }
	
	

  .pin-top {
    position: fixed !important;
	top:64px;
  }


  .pin-bottom {
    position: fixed !important;
	top:64px;
  }

 
  .pinned {
    position: fixed !important;
	top:0px;
  }	
  
  .card .card-content {
  padding: 10px;
  border-radius: 0 0 2px 2px;
}

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  transition: box-shadow .25s;
  border-radius: 10px;
}


.card-panel {
  transition: box-shadow .25s;
  padding: 20px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 10px;
  background-color: #fff;
}
	
	

    @media only screen and (max-width : 992px) {


.card .card-image {
  position: relative;
  /**height: 250px;**/
  overflow: hidden;

}

.accommodate-side-nav {
        padding-left: 0;
      }
	  
	  .loading_panel_with_side_nav{
		  width:100%;
		  margin-left:0px;
		  }
 }