#ContainDiv{
min-height: 355px;
}


.popover{
color: black;
}
@media only screen and (min-width:550px)
{
.customsmallbreak
{
width:50% !important;
}
}
@media only screen and (max-width:551px)
{
.centeredtext
{
text-align:center !important;
margin-top:0 !important;
}
.customsmallbreak
{
text-align:center;
}
}
#Cart
{
display:none;
}
.showonsmall
{
display:none;
}	
body
	{
		font-family: Arial, Helvetica, sans-serif;
    	        font-size: 14px;
                line-height:1.3;
	}	

#topbar
	{
		background:#008099;
		border-top: 5px solid #00667a;
	}
	.widthcontainer
	{
		max-width:1170px;
		margin:0 auto;
	}
	.topimg
	{
		margin:20px;
	}
	#topright
	{
		color:white;
	}
	#cart
	{
		color:white;
		align-self:center;
	}
	.centeredtext
	{
		text-align:right;
		margin-top:32px;
		padding:10px;
	}
	.centeredtext>a
	{
		color:white;
	}
	.bookstore
	{
		background: linear-gradient(rgba(38, 60, 83, 0.8), rgba(38, 60, 83, 0.8)), url("/SiteImages/37-SchoolImages/37-top banner/37-books.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		min-height:115px;
               /* margin-left: -15px;  BS5 REMOVED */
               /*margin-right: -15px; BS5 REMOVED*/
               margin-left: -12px; /* BS5 ADDED */
               margin-right: -12px; /* BS5 ADDED */
	}
	#myNavbar
	{
		max-width:1170px;
		margin:0 auto !important;
	}
	.storeinfo
	{
		color:white;
margin-bottom:15px;
	}
	.storeinfo>a
	{
		color:white;
	}
	.storeinfo>a:hover,
    .storeinfo>a:focus
	{
		color:white;
	}
	.infoheader
	{
		color:white;
	}
	.navbar-inverse
	{
		background-color:rgba(67, 83, 99, 0.85);
		border:none;
	}
	.navbar-inverse .navbar-nav>li>a
	{
        background:none !important;
		color:white !important;
	}
	.navbar-inverse .navbar-nav>.show>a, .navbar-inverse .navbar-nav>.show>a:focus, .navbar-inverse .navbar-nav>.show>a:hover
	{
		background-color:#008099;
	} /* BS5 UPDATED REMOVED - OPEN */
	.dropdown-menu
	{
		background-color:#008099;
	}
	.dropdown-menu>li>a
	{
		color:white;
	}
	.navbar-nav > li > a
	{
		padding-top:5px !important; padding-bottom:5px !important;
	}
	.navbar 
	{
		min-height:35px !important;
                padding-top: 0px; /* BS5 ADDED */
                padding-bottom: 0px; /* BS5 ADDED */
	}
	.dropdown-menu>li>a:hover,
    .dropdown-menu>li>a:focus {
	    color: white;
	    text-decoration: underline;
	    background-color: #008099;
	}
	.navbar-collapse
	{
		padding:0;
	}
	.toprow
	{
		margin:0;
	}
	.toprow>div
	{
		padding:0 !important;
	}
	@media only screen and (max-width:768)
	{
		.centeredtext>a
		{
			display:block;
		}	
		.centeredtext
		{
			text-align:center;
		}
		.topimg
		{
			margin-left:auto;
			margin-right:auto;
		}
                .centeronsmall
                {
                        text-align:center;
                }
	}







	.footer
	{
		background-color:#263c53 !important;
		margin-top: 2.5em;
    	padding: 1.875em 0;
    	overflow:auto;
	}
	.footer h5 {
	   color: gainsboro;
	   font-size: 1.5em;
	   font-weight: lighter;
	   margin: 0.625em 0 0;
	   margin-bottom:10px;
	}
	.footer ul {
	    margin-left: 2px;
	    padding: 0;
	}
	.footer ul li {
	    list-style: none;
	    padding: 0 0 0.9375em;
	}
	.footer ul li a {
    	color: #fff !important;
	    font-size: 0.92857em;
	    font-weight: normal;
	    text-decoration: none;
	}
#div_privacy>a
{
color: gainsboro;
    font-size: 0.92857em;
    text-decoration: underline;
}


.bodytext
{
font-size:18px;
}






@media (max-width: 991px) {
.showonsmall
{
display:block;
}
.showonlarge
{
display:none;
}
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.nav.navbar-nav * {
    text-align: center;
}
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      /*display: none!important; BS5 REMOVED */
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
}
.navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
}
	.navbar-nav
	{
margin:7.5px 0 !important;
	}
}





.card-header, .btn-primary
{
background-color:#008099 !important;
color:white !important;
border-color:#00667a;
}
.btn-primary:focus
{
background-color:#00667a !important;
}
.card
{
border-color:#00667a !important;
}
.ordering_enabled, .add_another_course_button_enabled, .crn_button, .book_search_button
{
color:#008099 !important;
}




.widthcontainer{
display: flex;
flex-direction: row;
justify-content: center;
gap: 30px;
}

@media (max-width: 1100px){
.widthcontainer{
display: flex;
flex-direction: column;
justify-content: center;
gap: 30px;
}
.centeronsmall{
/*text-align: center; BS5 REMOVED */
}
}

/***** BS5 ADDITIONS ***/
.navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus {
background-color: transparent;
text-decoration: underline;
}
.navbar-toggler {
border-color: #000;
margin: 8px 10px;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.footer .centeronsmall {
padding-left: 5px;
}
@media (min-width: 1400px) {
#myNavbar {
max-width: 1320px;
}
}
@media (max-width: 991px) {
.navbar-inverse .navbar-nav>li>a {
justify-content: center;
}

.dropdown-menu>li>a {
text-align: center;
}
}