/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

 .fade.in {
	opacity: 1
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 30px;
	color:#1475b3;
	background:white;
	border:none;
	margin:0 10px;
	border-radius:20px;
	font-size: 12px;
	text-align: center;
}

.nav2>li>a {
	position: relative;
	display: block;
	padding: 10px 30px;
	color:#1475b3;
	background:white;
	border:none;
	margin:0 10px;
	border-radius:20px;
	font-size:20px;
	text-align: center;
}

.nav>li>a:focus,
.nav>li>a:hover {
	text-decoration: none;
	box-shadow: 1px 3px 8px 9px rgba(8, 8, 8, 0.08);
}

.nav2>li>a:focus,
.nav2>li>a:hover {
	text-decoration: none;
	box-shadow: 1px 3px 8px 9px rgba(8, 8, 8, 0.08);
}

.nav>li.disabled>a {
	color: #777
}

.nav2>li.disabled>a {
	color: #777
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
	color: #777;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent
}

.nav2>li.disabled>a:focus,
.nav2>li.disabled>a:hover {
	color: #777;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent
}


.nav-pills>li {
	float: left
}

.nav-pills2>li {
	float: left;
	list-style-type: none;
}

.nav-pills>li+li {
	margin-left: 2px
}

.nav-pills2>li+li {
	margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	color: #fff;
	background-color: #1475b3;
	border-radius:20px;
	margin-right:10px;
	margin-left:10px;
	font-size: 12px;
	text-align: center;
	padding: 10px 30px;
	border: none;
}
.nav-pills2>li.active>a,
.nav-pills2>li.active>a:focus,
.nav-pills2>li.active>a:hover {
	color: #fff;
    background-color: #1475b3;
    border-radius: 20px;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 20px;
    text-align: center;
    padding: 10px 30px;
    border: none;
}

@media(max-width: 568px){
    .nav>li>a {
        padding: 2px 2px;
        margin-right: 2px;
        margin-left: 2px;
		font-size:10px;
    }
	.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	font-size: 10px;
	padding: 2px 2px;
        margin-right: 2px;
        margin-left: 2px;
}
}

@media (max-width: 440px){
.nav>li>a {
    padding: 2px 2px;
    margin-right: 2px;
    margin-left: 2px;
    font-size: 10px;
    width: 60px;
    height: 29px;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
}
}