body, html
{
	background-color: #eceff1 !important;
    font-size: 15px;
}

@media only screen and (max-width : 600px) {
   .container {
	 width: 100%; } }
@media only screen and (min-width : 601px) {
  .container {
    width: 95%; } }
@media only screen and (min-width : 993px) {
  .container {
    width: 90%; } }

.row .col {
	padding : 0 0.5rem; /* half of 15px with root font size of 15 */
}
.collapsible {
	margin : 0 0;
}

.small-text {
	font-size: 12px;
}
.prefix {
	vertical-align: bottom;
}
/******************************************************************************/
/* menu  button */
.options {
	text-align: right;
}
/* end of menu button */
/******************************************************************************/
/* drop down in both results and form */
.dropdown-content{
	min-width: 225px; /* was: 233 in results */
}
/******************************************************************************/
.widget-item
{
	background-color: white;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.widget-item b
{
	//display: block;
	margin-bottom: 15px;
}

.widget-item .row, .widget-item .input-field, .widget-item .col
{
	margin: 0px; 
	padding: 0px;
}

.widget-item .btn
{
	margin: 0px; 
}

span.error {
	font-size: 0.8rem;
	color: #f00;
	margin-left: 3rem;
	margin-top: -1.3rem;
	position: absolute;
}

footer
{
	padding-top: 0px;
}

.deep-blue {
  background-color: #000035 !important;
}

.deep-blue-text {
  color: #000035 !important;
}

.hoverable:hover {
	box-shadow: none ! important;
	color: #000035 ! important;
}
.btn:hover {
	background-color:#000035 ! important;
	color: #fff ! important;
}