body {
    padding-top: 70px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */


.tvd-bck{
    background:url(img/bg-tile.png);
}
.tvd-logo{
    max-height: 75px;

}
.logo-wrapper{
      padding-top: 20px;
}
.tvd-nav-bar{
    float:right;
}
.tvd-nav-link{
    color:#ee5ba2;
    text-transform:uppercase;
    font-size:11px;
    
}
.tvd-nav-link a{
    transition: color 0.2s ease, padding 0.8s linear;
    color:#ee5ba2;
    
}
.tvd-link{
    color:#ee5ba2;
}

.bs-sidebar .nav > .active > ul {
    display: block;
    margin-bottom: 8px;
}
.hidden{
    display:none;
}
.venue-desc {
    margin:15px 0px 5px 20px;
}
.venue-desc  a{
    color:#563d7c;
     text-transform:uppercase;
      font-size:13px;
    font-weight:bold;
}
.venue-desc-doc{
    text-transform:uppercase;
    color:#666;
    font-size:10px;
    font-weight:bold;
    display:block;
    margin-bottom:9px;
}

.res-desc a{
     color:#563d7c;
     font-weight:bold;
     display:block;
     padding-bottom:5px;
}
.res-header{
    color:#563d7c;
    text-transform:uppercase;
    font-size:24px;
    font-weight:bold;
}
.violet{
    color:#563d7c;
     font-weight:bold;
}

.breadcrumb-link{
    color:#563d7c;
    text-transform:uppercase;
    font-weight:bold;
    font-size:10px;
}
.http-status-code{
    font-size:22px;
    font-weight:bold;
}
.http-status{
    font-size:11px;
    font-weight:bold;
}
.json-code{
    color:#FE9A2E;
}
.json-code-line{
    display:block;
    color:#563d7c;
    margin-left:15px;
}
.comment{
    display:inline-block;
    margin-left:10px;
    color:#088A08;
    font-weight:bold;
    font-size:11px;
}
p{
    text-align:justify;
}
.sample-content{
    position: relative;
    
}
.sample-code{
    padding-top:15px;
}
.sample-content-tag{
    
    position: absolute;
    top: -28px;
    right:1px;
   
    z-index: 10;
    display: block;
    padding: 5px 8px;
    font-size: 12px;
    color: #767676;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #e1e1e8;
    border-radius: 4px 4px 0 0;
    border-bottom:0px;
    
}
.search-btn {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    padding:8px;
}
.search-btn:hover {
    background:#f4f4f4;
}
.stylish-input-group{
    width:30%;
    margin:15px;
   
}
@media screen and (max-width: 880px) {
    .stylish-input-group{
    width:60%;
}
}
@media screen and (min-width: 1200px) {
    .stylish-input-group{
    width:20%;
}
}
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
    cursor:pointer;
}
.search-description{
    color:#767676;
    font-size:small;
}
#search-results{
    max-height:300px;
   margin-right:20px;
    
   
}
/*css loader*/
.loader {
    border: 16px solid #eaeaea; /* Light grey */
    border-top: 16px solid #1F285A; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
    margin:5px auto;
}
.parent-container a{
   
    cursor:zoom-in;
}
.parent-container img{
    margin:5px 5px 5px 0;
    border:1px solid #dcdcdc;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.img-pd {
    background: url('img/PaymentDetails.png') center center no-repeat;
    width: 100%;
    height: 500px;
    margin-bottom:10px;
}