/*styling for homepage events column*/
 .col-sm-3{
	 position: relative;
	 float: left;
	 min-height: 1px;
	 width: 25%;
	 padding-right:300px;
	 padding-left:0px;
}
 .container-fluid {
	 padding-right: 15px;
	 padding-left: 15px;
	 margin-right: auto;
	 margin-left: auto;
}
 .infoEvent3_lib {
	 color: black;
	 font-family: Arial !important;
	 margin-top: 0px;
	 font-size: 15px;
}
 .dateId_lib {
	 text-align: center;
	 font-size: 15px;
	 margin-top: 10px;
	 margin-bottom: 10px;
}
 .outerDiv_lib {
	 padding-top: 7px;
	 overflow:hidden;
	 padding-left: 10px;
}
 .eventMonth_lib {
	 background-color: #007F3E;
	 background-size: 100%;
	 color: white;
	 font-family:Arial !important;
	 font-weight: bold !important;
	 padding-bottom: 2px;
	 padding-left: 0px;
	 padding-right: 0px;
	 padding-top: 2px;
	 text-align: center;
	 margin-top: 0px ;
	 margin-bottom: 0px;
	 font-size: 12px;
}
 .eventMonthDiv_lib {
	 padding-top: 0px;
}
 .eventBoxHeading_lib {
	 margin-top: 0px;
	 font-family:Arial !important;
	 font-weight: bold;
	 padding-bottom: 7px;
	 text-decoration: none;
	 font-size: 16px;
	 padding-left:100px;
}
 .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	 position: relative;
	 min-height: 1px;
	 padding-right: 15px;
	 padding-left: 15px;
}
 .infoEvent3_lib {
	 color: black;
	 margin-top: 0px;
	 font-size: 15px;
	 padding-left:100px;
}
 .monthId_lib {
	 border: solid 1px;
	 border-style:solid;
	 padding:0px;
}
 .dateId_lib {
	 text-align: center;
	 font-size: 15px;
	 margin-top: 10px;
	 margin-bottom: 10px;
}
 @media (min-width: 768px) .col-sm-9 {
	 width: 75%;
}
 @media (min-width: 768px) .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
	 float: left;
	 font-size:15px;
}
/*style for technology,resources,looking for( cards)-homepage*/
 #quickLinkBox_lib {
	 padding: 0px;
	 border: solid 1px;
	 line-height:50px;
	 border-color: #0067c5;
	 background: white;
	 text-align: center;
	 text-decoration: none;
}
 h31 {
	 display: block;
	 color:white;
}
 .quickLinkHeading_lib {
	 text-align: center;
	 margin-top: 0px;
	 margin-bottom: 0px;
	 background: #0067C5;
	 padding: 5px 5px 5px 5px;
}
 h51 {
	 display:block;
	 color:#0067c5;
}
/*navbar -homepage*/
 .topnav {
	 overflow: hidden;
	 background-color: #0067c5;
	 box-sizing: border-box;
}
 .topnav a {
	 float: left;
	 display: block;
	 text-align: center;
	 padding: 14px 16px;
	 text-decoration: none;
	 font-size: 17px;
	 color:white;
}
.test.a{
	 color: white;
}
.focus-visible{
    outline: 3px solid;
}
 .topnav .icon {
	 display: none;
}
 .dropdown {
	 float: left;
	 overflow: hidden;
}
 .dropdown .dropbtn {
	 font-size: 17px;
	 border: none;
	 /*outline: none;*/
	 color: white;
	 padding: 14px 16px;
	 background-color: inherit;
	 font-family: inherit;
	 margin: 0;
}
 .dropdown-content {
	 display: none;
	 z-index:2;
	 position: absolute;
	 background-color:white;
	 min-width: 160px;
	 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	 opacity:100%;
}
 .dropdown-content a {
	 float: none;
	 color: black;
	 padding: 12px 16px;
	 text-decoration: none;
	 display: block;
	 text-align: left;
}
 .topnav a:hover, .dropdown:hover .dropbtn {
	 color: white;
}
 .dropdown-content a:hover {
	 background-color: #ddd;
	 color: #007f3e;
}
 .dropdown:hover .dropdown-content {
	 display: block;
}
 @media screen and (max-width: 800px) {
	 .topnav a:not(:first-child), .dropdown .dropbtn {
		 display: none;
	}
	 .topnav a.icon {
		 float: right;
		 padding-right: 30px;
		 display: block;
		 color:white;
		 text-decoration:none;
	}
}
 @media screen and (max-width: 800px) {
	 .topnav.responsive {
		 position: relative;
	}
	 .topnav.responsive .icon {
		 position: absolute;
		 right: 0;
		 top: 0;
	}
	 .topnav.responsive a {
		 float: none;
		 display: block;
		 text-align: left;
	}
	 .topnav.responsive .dropdown {
		 float: none;
	}
	 .topnav.responsive .dropdown-content {
		 position: relative;
	}
	 .topnav.responsive .dropdown .dropbtn {
		 display: block;
		 width: 100%;
		 text-align: left;
	}
}
/*styling for search*/
 #refineSearch, #summonSearch {
	/*background-color: #ffffff;
	 border: solid 0px #c3c3c3;
	 */
}
 #refineSearch {
	 display:none;
	 font-size:18px;
	 width:80%;
	 background-color: transparent;
}
 #para_lib {
	 color: #0067c5;
	 font-family: Arial !important;
	 font-weight: bold;
	 font-size: 15px;
}
 #legend_ss {
	 border-bottom-width: 0px;
	 margin-bottom: 0px;
}
 #SummonText {
	 display: inline-flex;
	 width:80%;
	 padding-bottom: 10px;
	 height: 34px;
	 padding-left: 0px;
}
 #button2_lib {
	 color: #0067c5;
	 font-size: 20px;
	 padding-top: 4px;
	 padding-bottom: 2px;
}
 .c {
	 float: left;
	 width: 50%;
	 padding: 10px;
	 height: 130px;
}
 .r:after {
	 content: "";
	 display: table;
	 clear: both;
}
/*button*/
 .butn{
	 width:110%;
}