a
{
	text-decoration: none;
	color: rgb(80, 81, 163);
	
}
a:hover
{
	color: rgb(91, 162, 216)
}
h1, h2, h3, h4, h5
{
	color: rgb(80, 81, 163) !IMPORTANT;
}
body 
{
   /* color: #888 !IMPORTANT;*/
    font-family: 'Open Sans', sans-serif !IMPORTANT;
    /*font-size: 16px !IMPORTANT;*/
}
#back-to-top .fa-chevron-up
{
	color:#ffffff;
}
#back-to-top 
{
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right:20px;
    /*display:none;*/
	opacity:0.7;
	z-index:90000;
	
}
.btn-primary
{
	background-color: rgb(0, 88, 128) !IMPORTANT;
}
.btn-primary:hover
{
	background-color: rgb(44, 191, 198) !IMPORTANT;
}

.center
{
	text-align:center;
}
.page-header
{
	margin-top:20px;
	margin-bottom:20px;
}
.breadcrumb_nav
{
	/*font-weight:bold;*/
}
.img-responsive
{
	width:100%;
}

/*
*****************************
STANDARD CSS
*****************************
*/
pre {
    padding: 1em;
    color: hsl(0, 0%, 20.8%);
    background: hsla(0, 0%, 78%, 0.3);
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    text-align: left;
    direction: ltr;
    tab-size: 4;
    white-space: pre-wrap;
    font-style: normal;
    min-width: 200px;
}

pre code {
    background: unset;
    padding: 0;
    border-radius: 0;
}
/*
*****************************
MENU CSS
*****************************
*/
.access_btns
{
	margin-right:.5rem!important;
	margin-left:.5rem!important;
}

.search_form
{
	margin-top:.5rem!important;
	margin-right:.5rem!important;
	margin-left:.5rem!important;
}
#logo
{
	max-height:50px;
}
#mnnav
{
	background-color: rgba(89, 164, 191, 0.1) !important;
}
.nav-link, .dropdown-item
{
	font-weight:bold;
	color: rgb(80, 81, 163)!IMPORTANT;
	font-size: 16px !IMPORTANT;
}
.nav-link
{
	padding-left:15px !IMPORTANT;
	padding-right:15px !IMPORTANT;
}
.nav-link:hover, .dropdown-item:hover
{
	background-color: #eeeeee;
	color: rgb(91, 162, 216)!IMPORTANT;
	/*text-decoration:underline;*/
}
.nav-link.active, .nav-link.active .pilltitle
{
	color: rgb(91, 162, 216)!IMPORTANT;
}
.down_arr_lnk, .right_arr_lnk
{
	padding-top:13px;
	padding-bottom:11px;
}
/*
*****************************
FOOTER CSS
*****************************
*/
#footer_div
{
	margin-top:100px;
}
#footer_geodata_row
{
	margin-top:20px;
}
#mem_list_row
{
	border-top: 1px solid #eee;
	margin-top:50px;
}
.footer_logo
{
	max-width:100%;
	max-height:60px;
}
/*
*****************************
FORM CSS
*****************************
*/
.contreadbutton
{
	margin-left:10px;
}
.error, .error2, .error3, .error4
{
    /*display: none;*/
	padding-top:10px;
	margin-left:10px;
    color: #a94442;
}
.spaceerror
{
    display: none;
    color: #a94442;
}
.noblnkerror
{
	display: none;
    color: #a94442;
}
.warning
{
    display: none;
    color: #8a6d3b;
}
.servicecol
{
	text-align:center;
}
.mainicon
{
	color:#63AFF8;
}
.services
{
	color:#146EC5;
}
.war_star
{
	color: #a94442;
	font-size:20px;
	/*position:relative;
	top:15px;*/
}
.war_req
{
	color: #a94442;
}
.form-group
{
	padding:10px;

	margin-bottom:2px;
}
.has-error
{
	background-color:rgb(252, 232, 230);
	border-radius:5px;
}
.be_aware
{
	border-radius:5px;
	font-weight:bold;
	background-color:rgb(252, 190, 103);
	padding:10px;
}


/****************************
NEW WHO WE ARE PAGE CSS
*****************************/
@media only screen and (min-width: 768px)
{
	.person_img_col
	{
		padding-right:0px !IMPORTANT;
		padding-left:0px !IMPORTANT;
	}
}
@media only screen and (max-width: 768px)
{
	.person_img_col
	{
		padding-right:20px !IMPORTANT;
	}
}
.person_img
{
	width:100%;
	border-radius:10px;
}
.person_img2
{
	width:100%;
	max-width:200px;
	float:left;
	border-radius:10px !IMPORTANT;
	margin-right:15px !IMPORTANT;
	margin-bottom:15px !IMPORTANT;
}
.person_name
{
	font-weight:bold;
	margin:0px;
}
.person_title
{
	margin-top:0px;
	margin-bottom:5px;
	font-weight:bold;
	color:grey !IMPORTANT;
}
/****************************
HOME PAGE CSS
*****************************/
.onehu
{
    margin-top: 20px !IMPORTANT;
}

/****************************
MEMBERS PAGE CSS
*****************************/

.memrow
{
	margin-bottom:2em;
}
.memsplash
{
	/*width:80%;*/
	max-height:120px;
}
.memlink
{
	/*margin-left:2em;*/
}
.grow 
{ 
	transition: all .2s ease-in-out;
	max-width:100%;
}
.grow:hover 
{ 
	transform: scale(1.1); 
}
.mempara
{
	font-size:1em;
	border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	padding-top:1em;
	padding-bottom:1em;
}
.mempara2
{
	font-size:1em;
	padding-top:1em;
}
.mempara3
{
	font-size:1em;
	padding-bottom:1em;
	border-bottom: 1px solid #e8e8e8;
}


.twitter-timeline
{
	margin-top:40px !IMPORTANT;
	max-height:500px !IMPORTANT;
	max-width:400px !IMPORTANT;
}



/*
*****************************
SEMINAR PAGE CSS
*****************************
*/
.latest_events_div
{
	padding:10px;
	background-color:#F2F2F2;
	border-radius:10px;
	min-height:140px;
	margin-bottom:10px;
}

.thisweek
{
	background:rgba(140,193,187,.2) !IMPORTANT;
}
.today
{
	background: rgba(255, 102, 102, 0.5) !IMPORTANT;
}
.today td a
{
	/*color:#000000 !IMPORTANT;*/
}
.seminarscroll
{
	background:rgba(255, 175, 77,0.5) !IMPORTANT;
}
.calendar table.month td.day .day-content:hover 
{
    background: rgba(0,0,0,.2) !IMPORTANT;
    cursor: pointer;
}

.calendar .year-neighbor
{
	display:none;
}
.calendar .year-neighbor2
{
	display:none;
}
.months-container
{
	margin:auto;
}
.month-container
{
	display:inline;
	max-width:16%;
	margin:10px;
}
.month
{
	display:inline;
	max-width:16%;
}
.range .day-content
{
	background: rgba(0,0,0,.2) !IMPORTANT;
}

.specialbr
{
	display:none;
}
.chkcol
{
	vertical-align: text-bottom;
}
@media only screen and (max-width: 768px)
{
	.checkbox
	{
		font-size:80% !IMPORTANT;
	}
	.specialbr
	{
		display:block;
	}
	.checkbox label
	{
		padding-left:0px !IMPORTANT;
	}
	.checkbox input[type="checkbox"]
	{
		position:relative !IMPORTANT;
		margin-left:0px !IMPORTANT;
	}
	.semtable
	{
		font-size:80% !IMPORTANT;
	}
}
.semtable
{
	margin-top:0px !IMPORTANT;
	margin-bottom:0px !IMPORTANT;
}
.seminartitle
{
	color: rgb(0, 88, 128) !IMPORTANT;
}
.modalh3title
{
	/*color:rgb(0, 88, 128) !IMPORTANT;*/
}
.panel-heading:hover {
    /*background-color: #ccfaff !IMPORTANT;*/
    border-color: #00b8cc !IMPORTANT;
	background: rgba(140,193,187,.5) !IMPORTANT;
	cursor:pointer;
}
.panel-heading:hover  .panel-title a
{
	color:#ffffff !IMPORTANT;
}
.eventunderline
{
	height:15px;
	/*background:#42f44b;*/
	border-radius:5px;
}
.abstract
{
	margin-bottom:40px;
}
.event-tooltip-content
{
	margin-bottom:10px;
	text-align:left;
}
/* FOR YOUTUBE VIDS */
iframe
{
	margin: 0 auto;
	display:block;
}
.seming
{
float:right;
padding-left:10px;
padding-bottom:10px;
max-height:300px;
}
.evecol
{
border-top: 12px solid #9cb703;
padding-bottom:5px;
text-align:center;
}
.evememcol
{
border-top: 12px solid #2c8fc9;
padding-bottom:5px;
text-align:center;
}

.concol
{
border-top: 12px solid #9e3fd9;
padding-bottom:5px;
text-align:center;	
}
/*
.strcol
{
border-top: 12px solid #f5bb00;
padding-bottom:5px;
text-align:center;	
}
.devcol
{
border-top: 12px solid #ff4a32;
padding-bottom:5px;
text-align:center;	
}
.intcol
{
border-top: 12px solid #42f4e8;
padding-bottom:5px;
text-align:center;	
}*/

.keycol
{
	margin-bottom:5px;
	
}
.thswk
{
	background: rgba(0, 146, 140, 0.2);
	height:20px;
}
.tdy
{
	background:rgba(255, 102, 102, 0.5);
	height:20px;
}
.nxtd
{
	background: rgba(255, 175, 77, 0.5);
	height:20px;
}

.chkcol 
{
	width:18%;
	margin-left:0.5%;
	margin-right:0.5%;
	float:left;
	margin-bottom:20px;
	/*min-height:65px;*/
}
.chkcol > div
{
	margin-top:5px;
}
.modal-dialog
{
	min-width:80% !IMPORTANT;
}

/****************************
Admin PAGE CSS
*****************************/
.deleteicon:hover
{
	color: #a94442;
}
.deleteiconname:hover
{
	color: #a94442;
}
#sqlbox
{
	/*display:none;*/
}
#standard
{
	display:none;
}
#url
{
	display:none;
}
#file
{
	display:none;
}
.wh
{
	color: rgb(44, 191, 198);
}



/****************************
CARD GAME
*****************************/

.sort_container {
  position: relative;
  width: 100%;
  /*top: 60px;*/
  display: flex;
  padding-left: 60px;
  
  display:flex;
  flex-wrap: wrap;
}


.card  {
	display: flex;
	/*height: 280px;*/
	width: 200px;
	background-color: #17141d;
	border-radius: 10px;
	box-shadow: -1rem 1rem 3rem #000;
	margin-left: -40px; 
	position: relative;
	left: 0px;
	overflow:hidden;
}

.sortable-placeholder
{

  display: flex;
  /*height: 280px;*/
  width: 200px;
  border-radius: 10px;
  box-shadow: -1rem 1rem 3rem #000;
  margin-left: -40px; 
  position: relative;
  left: 0px;
  background-color: rgba(255, 242, 0, 0.5) !IMPORTANT;
  z-index:149;
}


@media only screen and (max-width: 400px) {
	.sortable-placeholder, .card {
		max-width: 100px;
	}
	
	.msg_btn h1 {
		font-size:5em  ! IMPORTANT;
	}
	.msg_btn p {
		font-size:1.5em  ! IMPORTANT;
	}
	.congrats {
		margin:10px;
	}
}

.checkcross {
	position:absolute;
	left:2%;
	top:2%;
	z-index:50;
	font-size:150%;
	background:#ffffff;
	border:2px solid #ffffff;
	border-radius:15px;
}
.correct {
	color:#1c9900;
}
.incorrect {
	color:#c60000;
}

/*
.card:hover {
  transform: translateY(-40%) scale(1.5, 1.5) ;
  transition: 0.2s ease-out;
  z-index: 100;
}

.card:hover ~ .card {
  position: relative;
  transition: 0.2s ease-out;
  z-index: 99;
}
*/
.title {
  color: white;
  font-weight: 300;
  position: absolute;
  left: 20px;
  top: 15px;
}

#confetti {
	position:absolute;
	top:0px;
	left:0px;
	/*z-index:200;*/
}

.congrats {
	position:absolute;
	z-index:200;
	top:0px;
	left:0px;
	border-radius:15px;
	text-align:center;
	background:rgba(0,0,0,0.7);
	padding:5px;
}

.msg_btn .btn
{
	z-index:9999;
	position:relative;
}
.msg_btn h1{
	color:#ffffff ! IMPORTANT;
	font-weight:bold;
	font-size:8em;
	text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}
.msg_btn p{
	color:#ffffff ! IMPORTANT;
	font-weight:bold;
	font-size:2em;
	padding:10px;
	text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}

.gm_row {
	margin-top:30px;
}

.carousel-item
{
	border-radius:15px;
}

.grayscale {
	filter: grayscale(100%);
}
.correct_car {
	background: rgba(158, 242, 125, 0.5);
}
.incorrect_car {
	background: rgba(255, 0, 0, 0.5);
}

.match_row
{
	position:relative;
}

.car_pad
{
	padding-top:30px;
	padding-bottom:30px;
}

.card_text {
	background-color:#ffffff;
	font-size:10px;
	padding:5px;
}

.info
{
	border-radius: 10px;
	background-color: rgba(255, 242, 0, 1) !IMPORTANT;
	position:fixed;
	top:0px;
	z-index:500;
	border:2px solid #000000;
	padding:10px;
	text-align:center;
	
}

@media only screen and (min-width: 400px) {
	.info {
		font-size:1.5em;
	}
	
	
}

.scen_car
{
	overflow:visible;
}

.dropdown-item.active
{
    background-color: rgb(80, 81, 163) !IMPORTANT;
	color: #ffffff ! IMPORTANT
}

.chk_btn
{
	margin-top:30px;
}