/*
    CSS changes to new look and feel
    Made site more responsive/compatible with smaller screen resolutions
*/
header.apiHeader.navbar
{
	background-color:#fff;
	border-bottom: 1px solid #B50937;
}
nav.apiHeaderNav ul li a,
nav.apiHeaderNav ul li a:hover
{
	color: black;
}
.apiHeaderBrand
{
	color: #B50937;
}
.apiHeaderBrand:hover
{
	color: #B50937;
	background-color: #eee;
}
.icon-bar
{
    background-color: black;
}

.apiLink
{
    color:inherit;
}
.apiLink:hover,
.apiLink:visited,
.apiLink:active,
.apiLink:focus
{
    color:inherit;
    text-decoration:none;
}
.jumbotron.apiJumbotron
{
    background-color:#fff;
    border:solid 1px #eee;
}
.jumbotron.apiJumbotron:hover
{
    border:solid 1px #000;
    text-decoration:none;
}
.jumbotron.apiJumbotron:hover p
{
    color: #B50937;
}
.apiHomeBox
{
    vertical-align:middle;
    text-align:center;
    border:1px solid #eee;
    height:140px;
}
.apiHomeBox:hover
{
    border:1px solid #000;
}
.apiHomeBox:hover p
{
    color:#B50937;
}

@media only screen and (max-width:768px)
{
    .apiHomeBox
    {
        height:auto;
    }
}
@media only screen and (min-width:768px) and (max-width:992px)
{
    .apiHomeBox
    {
        height:220px;
    }
}

.apiHomeRow.row 
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.apiHomeRow.row > [class*='col-']
{
    display: flex;
    flex-direction: column;
}

.apiTitle
{
    color:#000;
}

.apiBody
{ 
    padding-top: 50px; 
}

.apiRedirectGuideTitle
{
    padding-top:50px; 
    margin-top:-50px
}

.apiRedText,
.apiRedText:hover
{
    color:#B50937;
}
.accordion-body.collapsed .glyphPlusMinus:after
{
    content:"\2b";
}
.accordion-body .glyphPlusMinus:after
{
    content:"\2212";
}
.glyphPlusMinus,
.glyphChevron
{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color:#000;

    -webkit-font-smoothing: antialiased;
}

.accordion-body.collapsed .glyphChevron:before
{
    content:"\e080";
}
.accordion-body .glyphChevron:before
{
    content:"\e114";
}

.custTable
{
    border:solid 1px #ddd;
    padding:8px;
    margin: 10px 10px 0px 0px;
}

.custTable:hover,
.custFooter:hover
{
    background-color:#f5f5f5;
}

.accordion-body.collapsed.custTable:hover,
.accordion-body.collapsed.custFooter:hover
{
    background-color:#f5f5f5;
}

.accordion-body.custFooter,
.accordion-body.custTable
{
    background-color:#f5f5f5;
}

.accordion-body.collapsed.custFooter,
.accordion-body.collapsed.custTable
{
    background-color:#fff;
}

.custHeader
{
    border:solid 1px #ddd;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    padding:10px 15px;
    background-color:#f5f5f5;
    margin: 20px 0px 0px 0px;
}
.custExpand
{
    border-left:solid 1px #ddd;
    border-right:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    padding:8px 8px 0px 8px;
}
.custFooter
{
    border:solid 1px #ddd;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    padding:8px;
    margin: 10px 10px 0px 0px;
}
.custFooter.accordion-body.collapsed
{
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}
.custFooter.accordion-body 
{
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
.custFooterExpand.accordion-body.collapsing,
.custFooterExpand.accordion-body.collapse.in
{
    border-top:0;
    margin: 0px 10px 0px 0px;
}
.custFooterExpand
{
    border:solid 1px #ddd;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    padding:8px;
    margin: 10px 10px 0px 0px;
}

.apiSidePanel
{
    margin-left:-250px;
    padding-left:5px;
    width:200px;
    float:left;
}

.apiModal
{
    width:1100px;
    height:100%;
    overflow:auto;
}