/**
 * Copyright © 2012 Alcatel-Lucent.
 *
 * See the NOTICE file distributed with this work for additional information regarding copyright ownership. Licensed to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the specific language governing permissions and limitations under the License.
 */

body{
    padding-top:0px;
}
.btn {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.listItem {
    margin-bottom: 10px;
    height:100%;
    min-height: 45px;
}
.listItem p {
    padding-top: 5px;
}
.item-div{
    overflow:auto;
    width: 180px;
}
.item1, .item2, .item3, .item4 {
    min-height:100%;
    max-width: 150px;
    min-height: 30px;
    vertical-align: middle;
}
.limit-height{
    max-height: 300px;
    overflow: auto;
}
.warning{
    background-color: rgb(240, 100, 100);
    color:white;
    text-align: center;
}
.nav-logo{
    display: block;
    float: left;
    background-image: url("../img/logo_no-text.png");
    background-repeat:no-repeat;
    height: 30px;
    width: 43px;
    padding: 0;
    margin: 5px 5px 0 0;
}
.nav-logo:hover{
    background-image: url("../img/logo_no-text_hover.png");
    background-repeat:no-repeat;
    height: 30px;
    width: 43px;
}

.welcome-hero{
    display: block;
    font-size: 60px;
    line-height: 64px;
    width: 550px;
}

.hero-logo{
    display: block;
    background-image: url("../img/apiGroveLogo_RGB.png");
    background-repeat: no-repeat;
    height: 263px;
    width: 252px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.center{
    margin-left:auto;
    margin-right:auto;
}

.sidebar{
    float:right;
    width:250px;
    margin-right: 15px;
}

.inline{
    float: left;
    margin-right: 2px;
}




.controls select{
    overflow: auto;
}
body{
    /*background-image: url("../img/texture.png");*/
    /*background-color: rgb(120,120,120);*/
}
.btn-group-vertical a.btn{
    width:90%;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis.multiline {
    white-space: normal;
}
#api-group, #auth-group{
    width:580px;
    margin-right: -20px;
}
.filter-field{
    width: 566px;
}
#api-group .btn-group-vertical, #auth-group .btn-group-vertical{
    max-height: 200px;
    overflow: auto;
    width:49%;
    overflow-x:hidden;
}
@media (max-width: 767px) {
    #api-group, #auth-group{
        width:290px;
    }
    #api-group .btn-group-vertical, #auth-group .btn-group-vertical{
        max-height: 200px;
        overflow: auto;
        width:100%;
        overflow-x:hidden;
        margin-bottom:20px;
    }
    .filter-field{
        width: 276px;
    }
}

.second-level {
    background-color: #e3e3e3;
    border: 1px solid #d3d3d3;
    -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);
}

.third-level {
    background-color: #d7d7d7;
    border: 1px solid #cecece;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.span4 .control-label{
    width: 100px;
}

.span4 .controls{
    margin-left: 120px;
}

.response-placeholder{
    border: 3px solid dashed;
    min-height: 200px;
    line-height: 200px;
    font-size: 36px;
    color: #cccccc;
    text-align: center;
}

.depth{
    font: 20px Arial, sans-serif;
    color: #9E9E9E;
    position: relative;
    line-height: 160px;
    text-align: center;
    display: block;
    text-shadow: 0px 1px 0px rgba(255,255,255,.5);
}
.auth-type{
    width:32%;
    padding-top:4px;
    height: 20px;
}
.hero-unit {
    margin-top: 30px;
}
li.smart_autocomplete_item:not(.active) > a:hover { 
  color: #333;
  text-decoration: none;
  background-color: #ffffff;
}

