/********************************************************************************************
 * 	HOMEPAGE
 ********************************************************************************************/

/**
 * 	Style earthquakes table on homepage
 */
table.recent-quake-list th, 
table.recent-quake-list td {
    white-space: nowrap;
    width: 1rem;
}
table.recent-quake-list thead th:nth-of-type(2),
table.recent-quake-list tbody td:nth-of-type(2) {
    width: auto;
}
#tecto table.recent-quake-list tr a {
    color: #0088cc;
}
#notecto table.recent-quake-list tr a {
    color: #bb00bb;
}

#quakelist .tabs ul > li:nth-child(2) > a {
    color: #bb00bb;
}
#quakelist .tabs ul > li.active:nth-child(2) > a,
#quakelist .tabs ul > li:nth-child(2) > a:hover,
#quakelist .tabs ul > li:nth-child(2) > a:focus {
    border-top-color: #bb00bb;
}
/**
 * 	Style earthquakes table on homepage -- END
 */

/**
 * 	Style map on homepage
 */
a.map-tooltip.tecto {
    color: #0088cc;
}
a.map-tooltip.notecto {
    color: #bb00bb;
}
#basemaps-wrapper,
#basemaps {
	background-color: rgba(255,255,255,0.3)!important;
}
#basemaps-wrapper:hover,
#basemaps-wrapper:hover #basemaps,
#basemaps:hover,
#basemaps:focus {
	transition: 1s ease background!important;
	background-color: rgba(255,255,255,1)!important;
}
/**
 * 	Style map on homepage -- END
 */

/**
 * 	Homepage inquiries list
 */
#inquiries-list tbody tr:nth-of-type(1) td {
	border-top:0;
}
/**
 * 	Homepage inquiries list -- END
 */

/********************************************************************************************
 * 	FORM STYLE
 ********************************************************************************************/

/**
 * 	Highlight fields of form when focus
 */
form.inquiry .shadow_select,
form.inquiry select,
form.inquiry input, 
form.inquiry textarea {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

form.inquiry .shadow_select,
form.inquiry select:focus,
form.inquiry input:focus,
form.inquiry textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
/**
 * 	Highlight fields of form when focus -- END
 */

form[name="inquiry"] fieldset:first-child {
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.cursor-pointer {
    cursor: pointer;
}

/**
 * 	Add a star to required fields
 */
label.required:after {
    content: "*";
    padding: 0 5px;
    font-weight: bold;
    color: #f00;
}
/**
 * 	Add a star to required fields -- END
 */

/**
 * 	Style fieldsets and form
 */
form.inquiry > fieldset {
	margin-top: 35px;
}
form.inquiry fieldset#didufeelit-fld div#inquiry_felt div.radio {
    display: inline-block;
    padding-right: 10px;
}
form.inquiry .form-group {
    margin-bottom: 5px;
}
form.inquiry label.col-form-label {
    font-weight: bold;
}
form.inquiry label.control-label.required:after {
    content: none;
}
form.inquiry label.control-label.required:before {
    content: "*";
    padding: 0 5px;
    font-weight: bold;
    color: #f00;
}
form.inquiry span.help-block {
    font-style: italic;
}
form.inquiry legend {
    color: #0088cc;
    border-bottom: 1px solid #0088cc;
    border-color: #0088cc;
    padding-bottom: 5px;
}
/**
 * 	Style fieldsets and form -- END
 */

/**
 * 	Remove native arrows from input number 
 */
input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}
/**
 * 	Remove native arrows from input number -- END
 */