/* this removes margin under nav bar */
.navbar {
    background-color: #2c3e50;
    margin:0; 
}

.dropdown-toggle {
	font-size:x-large;
	color:cyan;
}
.navbar-inverse .navbar-nav> li> a {
	font-size:x-large;
	color:cyan;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	font-size:large;
	color:cyan;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color:red;
}


.navbar-inverse .navbar-nav>.open>a:focus {
	color:red;

}
.navbar-inverse .navbar-nav>.open>a:hover {
	color:red;
}


.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -5000;
}

.navbar-fixed-top .navbar-collapse {
	max-height:600px;
}

@media screen and (min-width: 992px) {
.notondesktop { display: none; }
}



@media screen and (max-width: 380px) {
.navbar-text { display: none !important; }
.notonmobile { display: none; }
.navbar-fixed-top .navbar-collapse {max-height:400px;}
}


@media (min-width:769px) {
.dropdown:hover .dropdown-menu {
display: block;
}

.dropdown-toggle { display: none !important; }
}

@media screen and (max-width: 992px) {
/*.bg {
	content:url("images/2.jpg");
    }
*/#lista { display: none; }
#listb { display: none; }
.navbar-text { display: none !important; }
}


#lista {
	width:200px;
	background-color:transparent;
	position: absolute;
	top:130px;
    left:0;
	right:auto;
	

	}
.list-group-item {
	background-color:transparent;
	background-color:white;
	text-align:left;
	text-align:center;
	}

a.list-group-item !important {
    color: #008001;
	font-weight:bold;
}

.list-group-item.active	{
	color:#ff8b00;
	background-color:transparent;
	background-color:white;
	font-weight:bold;
/*	font-size:18px
*/	}

.mylist-header {
	background-color:green;
	color:white !important;
}


#listb {
	width:200px;
	background-color:transparent;
	position: absolute;
	top:130px;
    left:auto;
	right:0;
	}


#text1 {
	height: 80%;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align:center
}

.navbar-text {
	color:cyan !important;
	font-size:18px;
}

.indent   {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -2em;
    padding-left: 3em;
}

.white {
    color: #ffffff;
}

.purple-border textarea {
    border: 1px solid #ba68c8;
}
.purple-border .form-control:focus {
    border: 1px solid #ba68c8;
    box-shadow: 0 0 0 0.2rem rgba(186, 104, 200, .25);
}

.green-border-focus .form-control:focus {
    border: 1px solid #8bc34a;
    box-shadow: 0 0 0 0.2rem rgba(139, 195, 74, .25);
}