/* Muddy Paws Theme */
body {
     background: #518ccb;
}
nav {
     width: 100%;
}
nav > .nav.nav-tabs{
     border: none;
     color:#fff;
     background:#272e38;
     border-radius:0;
}
nav > div a.nav-item.nav-link, nav > div a.nav-item.nav-link.active {
     /*padding: 18px 25px; */
	 font-size: 24px;
     color: #fff;
     background: #d2b201;
     border-radius:0;
}
nav > div a.nav-item.nav-link.active {
     background: #e74c3c;
}
nav > div a.nav-item.nav-link.active:after {
     content: "";
     position: relative;
     bottom: -60px;
     left: -25%;
     border: 15px solid transparent;
     border-top-color: #e74c3c ;
}
.tab-content{
     background: #fdfdfd;
     line-height: 25px;
     border: 1px solid #ddd;
     border-top:5px solid #e74c3c;
     border-bottom:5px solid #e74c3c;
     display: block;
     padding: 30px 25px !important;
     width: 100%;
}
nav > div a.nav-item.nav-link:hover {
     border: none;
     background: #feda10;
     color: #000;
     border-radius: 0;
     transition: background 0.20s linear;
}
nav > div a.nav-item.nav-link:focus {
     border: none;
     background: #e74c3c;
     color: #fff;
     border-radius: 0;
     transition: background 0.20s linear;
}
.nav-tabs .nav-link {
     border: 1px solid #fff;
}
#nav-tab {
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
}
#nav-profile-tab {
     border-top-left-radius: 20px;
}
#nav-history-tab {
     border-top-right-radius: 20px;
}

.py-10 { padding-top: 100px; }
.pull-left { float: right !important; }
.pull-right { float: right !important; }


/* Autocomplete Styling */
 .typeahead {
     border: 2px solid #FFF;
    border-radius: 4px;
    padding: 8px 12px;
    max-width: 300px;
    min-width: 290px;
    background: rgba(66, 52, 52, 0.5);
    color: #2d2567;
}
.tt-menu {
     width:300px;
}
ul.typeahead{
    margin:0px;
    padding:10px;
	min-width: 600px;
	max-width: 600px;
}
ul.typeahead.dropdown-menu li a {
    padding: 10px !important;
     border-bottom:#CCC 1px solid;
    color:#FFF;
	font-size: 18px;
	font-weight: 600;
}
ul.typeahead.dropdown-menu li:last-child a {
     border-bottom:0px !important;
}
.bgcolor {
    max-width: 550px;
    min-width: 290px;
    max-height:340px;
    background:url("world-contries.jpg") no-repeat center center;
    padding: 100px 10px 130px;
    border-radius:4px;
    text-align:center;
    margin:10px;
}
.demo-label {
    font-size:1.5em;
    color: #686868;
    font-weight: 500;
    color:#FFF;
}
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {
     text-decoration: none;
     background-color: #1f3f41;
     outline: 0;
}




/* Responsive Styles */

@media screen and (min-width: 900px) {
	nav > div a.nav-item.nav-link.active:after {
		left: -17%;
	}
}