﻿
nav div             {margin: 0; padding: 0; font-size: inherit;}

#catSelect                          {margin-right: 10px;}

#anc_opts .v_divide:first-child     { display: none;}

#api_test_tool #breadboard_breadcrumbs     {margin: 0; padding: 3px 13px 4px 3px; border-bottom: 2px solid hsla(0, 0%, 35%, .5); border-radius: 0 0 20px 0 / 0 0 99% 0; box-shadow: 0px 4px 10px -1px hsla(0, 0%, 10%, .7); float:left;}

#api_test_tool #breadboard_breadcrumbs button {margin: 0; padding: 0 2px; font-size: .7em; color: hsl(0, 0%, 40%); border: none; background-color: transparent;}

#api_test_tool #nav_main           {margin: 0; color: hsl(0, 0%, 40%); float:left;}
#api_test_tool #nav_anc           {margin: 0; color: hsl(0, 0%, 40%); float:right;}

#nav_proc {display:none;}
#tool_nav label {display:none;}
#platform {display: none;}
#form_control {border-top: 2px dashed hsl(0, 0%, 87%);}

#api_test_tool #nav_main div,
#api_test_tool #nav_anc div       {margin: 0 2px; display: inline;}

#api_test_tool #nav_main button,
#api_test_tool #nav_anc button     {margin: 0; padding: 0 2px; color: hsl(0, 0%, 40%); font-size: .7em; border: none; background-color: transparent; line-height: 16px; height: 40px;}

#api_test_tool .v_divide           {margin: 0; border-left: 1px solid hsl(204, 60%, 75%); border-right: 1px solid hsl(204, 51%, 50%);}

#api_test_tool #breadboard_menu                {margin: 0; padding: 6px 0 4px; border-bottom: 3px solid hsla(0, 0%, 35%, .5); box-shadow: 0px 8px 10px -3px hsla(0, 0%, 10%, .7); clear:left;}

#api_test_tool #form_control button           {margin: 5px 3px; padding: 1px 10px; font-weight: 600; line-height: 13px; color: hsl(204, 51%, 50%); border: 1px solid hsl(204, 51%, 50%); border-radius: 6px; background-color: hsl(0, 0%, 100%);}

#api_test_tool .menu_but_select    {margin: 5px 3px; padding: 1px 10px; font-weight: 700; line-height: 13px; color: hsl(0, 0%, 100%); border: 1px solid hsl(204, 51%, 50%); border-radius: 6px; background-color: hsl(204, 51%, 50%);}

#api_test_tool #breadboard_software_info      {margin: 0; padding: 8px 25px 2px 5px; font-weight: 800; border-bottom: 2px solid hsla(0, 0%, 35%, .5); border-radius: 0 0 25px 0 / 0 0 99% 0; box-shadow: 0px 6px 10px -2px hsla(0, 0%, 10%, .7); color: hsl(0, 0%, 40%); float: left;}

#api_test_tool #form               {margin: 0; padding: 10px 5px 0px 40px; max-width: 88%; border-bottom: 2px solid hsla(0, 0%, 35%, .5); border-radius: 0 0 0 40px / 0 0 0 99%; box-shadow: 0px 6px 10px -2px hsla(0, 0%, 10%, .7); float: right;}

#api_test_tool #form select        {color: hsl(204, 51%, 50%);}

#api_test_tool .req_border         {border: 2px solid hsl(220, 60%, 70%);}

#api_test_tool .rel_border         {border: 2px solid hsl(220, 60%, 70%);}

#api_test_tool #tool_content         {margin: 0; padding: 0;}

#api_test_tool #tool_content fieldset    {margin: 15px 0 0; padding: 8px; border-style: solid; border-width: 1px; border-color: hsl(0, 0%, 80%); border-radius: 4px/4px; font-family: Menlo,Monaco,"Courier New",monospace; color: hsl(204, 51%, 50%); font-weight: 700; background-color: hsl(0, 0%, 98%); box-shadow: 0px 6px 10px -2px hsla(0, 0%, 8%, .7); clear: both;}

#api_test_tool #tool_content legend      {margin: 10px 0 0; padding: 0 8px; border-style: solid; border-width: 1px; border-color: hsl(0, 0%, 80%); border-radius: 4px/4px; font-family: Menlo,Monaco,"Courier New",monospace; font-size: 1.6em; font-weight: 700; color: hsl(0, 0%, 0%); text-transform: uppercase; background-color: hsl(0, 0%, 100%); box-shadow: 0px 4px 10px -4px hsla(0, 0%, 10%, .7);}

#api_test_tool pre                 {margin: 0; word-wrap: break-word;}

#api_test_tool select              {margin: 10px 0px; border-style: none; color: hsl(0, 0%, 40%);}

#api_test_tool textarea            {margin: 5px 3px; color: hsl(204, 51%, 50%);}

#api_test_tool label               {margin: 5px 3px; padding: 2px; border: hidden; font-size: .92em; text-align: center;}

#api_test_tool input               {margin: 5px 3px; padding: 2px; border: 1px solid hsl(0, 0%, 50%); color: hsl(204, 51%, 50%); text-align: center; background-color: hsl(0, 0%, 100%);}

#api_test_tool input[type="checkbox"] {margin: 0 3px -1px; padding: 0;}

#api_test_tool #tool_form {clear:both; margin-top: 30px;}

#api_test_tool #tool_form input[name="signature"] {display:none}

#api_test_tool #req_params > div {
	margin: 5px 3px;
	padding: 2px;
	color: hsl(204, 51%, 50%);
	text-align: center;
	background-color: hsl(0, 0%, 100%);
	outline: none;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	border-radius: 3px;
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .07);
	display: inline;
}
