@CHARSET "UTF-8";

/***********GLOBAL*****************/
/*
 * main color: #607d8b
 * secondary color: #546e7a
 * light: #eceff1
 * #cfd8dc
 */
 
/***********************FORMS*************************/
.admin form{
  margin: 25px;
}

.admin form p{
  padding-top: 15px;
}
/*******************IMAGE PICKER**********************/
#image_picker{
  background: #f0f0f0;
  width: 100%;
}
#image_picker p{
  padding:0;
  margin:0;
}

.picker_element{
  display:block;
  float: left;
  width: 160px;
  height: 160px;
  padding: 5px;
  margin: 5px;
  background: #fff;
  border: 1px solid #eee;
  transition-duration: 0.1s;
  overflow: hidden;
  
}
.picker_element.checked{
  background: #607d8b;
  border: 2px solid #546e7a;

}
.picker_element.checked p{
  color: #fff;
}

#image_picker:not(.visible) .picker_element:not(.checked){
  display:none;
}
/*********TABLE***********/
.a_table{
  width: 100%;
  margin-top: 10px;
  
}