@import 'bootstrap';
@import 'eonasdan-bootstrap-datetimepicker';
@import 'open-sans';

html, body {
  font-family: 'Open Sans', 'sans-serif';
  min-height: 100%;
}

.lp_data {
  font-size: 5rem;
  color: black;
  text-align: left;
  width: auto;
}

.lp_request_type {
  @extend .lp_data;
}

.lp_proxy {
  @extend .lp_data;
}

.lp_proxy_port  {
  @extend .lp_data;
}

.lp_unimportant  {
}

.lp_header  {
  font-size: 1.2rem;
  color: #505050;
  text-align: left;
  font-weight: bold;
  width: auto;
}

.lp_container {
}

.lp_navigation {
  @extend .nav;
  @extend .nav-tabs;
  width: 70%;
  margin: 0px auto;
}

.lp_main_container {
  @extend .text-center;
  margin: 0px auto;
}

.lp_element_container {
  @extend .text-center;
  margin: 30px;
  display: inline-block;
  padding: 20px;
  border-radius: 15px;
  border-style: dashed;
  border-width: 2px;
  border-color: #969696;
}

.lp_button_search {
  @extend .btn;
  @extend .btn-primary;
  margin-left: 20px;
}

.lp_button_reset {
  @extend .btn;
  @extend .btn-default;
  margin-left: 10px;
}

.lp_button_datetimepicker {
  @extend .glyphicon;
  @extend .glyphicon-calendar;
}

.lp_button_show_fields_open {
  @extend .glyphicon;
  @extend .glyphicon-minus;
  display: none;
}

a:hover {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

.lp_button_show_fields_close {
  @extend .glyphicon;
  @extend .glyphicon-plus;
  text-decoration: none;
}

.lp_fields_open {
  display: none;
  clear: both;
}

.lp_fields_close {
  clear: both;
}

.lp_show_fields {
  float: left;
  margin-top: 5px;
}

.lp_time_group {
  width: 250px;
}

.lp_search_group {
  @extend .form-group;
  width: 50%; 
  min-height: 40px;
  margin: 0px auto;
}

.lp_buttons {
  display: inline-block;
  min-height: 40px;
  float: right;
}

.lp_field_url {
  @extend .form-control;
  display: inline-block;
}

.lp_field_time {
  @extend .form-control;
  width: 40px;
  
}

.lp_form_group {
  @extend .form-group;
}

.lp_input_group {
  @extend .input-group;
}

.lp_field_client_ip {
  @extend .form-control;
  width: 250px;
}

.lp_form {
  margin: 20px;
}

//.lp_form_controls {
//  text-align: center;
//}

.lp_verbatim {
  font-size: 5rem;
  color: black;
  text-align: center;
  margin-top: 50px;
}

.lp_warning_container {
  @extend .panel;
  @extend .panel-warning;
  margin: 20px auto;
  width: 50rem;
}

.lp_warning_summary {
  @extend .panel-heading;
  font-size: 2rem;
  font-weight: bold;
}

.lp_warning_details {
  @extend .panel-body;
  font-size: 1.5rem;
}

.lp_requested_uri {
  margin-top: 50px;
  font-size: 1rem;
  text-align: center;
  color: #505050;
}

h1 {
  font-weight: bold;
  font-size: 4rem;
}

.lp_page_footer {
  position: absolute;
  bottom: 5px;
  width: 100%;
  z-index: -1;
}

.lp_page_header {
  margin: 10px;
}

.lp_top_navigation {
  @extend .navbar;
  @extend .navbar-default;
  margin-bottom: 7px;
}

.lp_bottom_navigation {
  @extend .navbar;
  @extend .navbar-default;

  margin-top: 20px;
  margin-bottom: 0px;
  min-height: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1rem;
  color: #9e9e9e;
}