.membershipTypeClass
{
	margin-top: -3px;
}

#currentMembershipsTable,#formerMembershipsTable
{
	width:inherit;
}

#currentMembershipsTable, #formerMembershipsTable
{
	
}

.hiddendiv
{
	display:none!important;
}

@media (min-width: 768px) {
  .clubNameLong 
  {
  	width:317px!important;
  }

  .memberDatestart
  {
  	width:113px!important;
  }

  .certificateExpires {
  	width: 226px !important;
  	min-width: 226px !important;
  }

  .memberDateEnd {
  	width: 193px !important;
  	min-width: 193px !important;
  }

  #personInput .form-control,#iceInput .form-control,#PWInput .form-control
  {
  	min-width:306px;
  	margin-left:10px;
  }
}

#personInput .form-control,#iceInput .form-control,#PWInput .form-control
{
	margin-bottom:4px;
}

#myModal .modal-body
{
	/* min-height:600px; */
}

.modal-content {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}

@media (max-width: 768px) {
  .modal-content {
    max-height: calc(100vh - 20px);
  }
}

#clearsearch:hover
{
color:red;
}

div.tooltip 
{
	z-index:100004;
}

.has-warning input,.has-warning select
{
	background: lightyellow;
}

.modal-header .close
{
	padding-left: 4px !important;
	padding-right: 4px !important;
	border-radius: 3px !important;
	/* background: green !important; */
	
	transition: opacity .3s,background .3s;
	
	
}

.modal-header .close:hover
{
	background: red!important;
	opacity: 0.8!important;
}

#small-ideas, #dataTables-example td,#clearsearch,.undoBtn,.renewBtn,.infBtn,.infBtnNewClub,#addMembership,#addMembershipCancel,.addCertButton,.cancelAddCertButton,.modal-header
{
	cursor:pointer;
}

#dataTables-example td:hover
{
	background-color:rgb(210,255,255);
}


.infBtn.disabledCert,.renewBtn.disabledCert
{
	cursor:default;
}


.typeDescription
{
	width:204px;
}

.disabledCert
{
	color:rgb(187, 187, 187)
}

.changedValue
{
	background-color: rgb(230, 255, 255);
}

.licenseHistory
{
	
}

.datafield
{
	position: relative !important;
	z-index: 100000 !important;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 28px;
}

.roundCorners
{
	border-radius:4px !important;
}

.roundCorners_right
{
	border-top-right-radius:4px !important;
	border-bottom-right-radius:4px !important;
}

.persondetails
{
	padding-top:5px;
	padding-bottom:5px;
}

.btn_state_green
{
    border-color: #0c780c;
/*	font-weight: bold; */
	font-style: italic;
    color: #fff;
    background-color: #5cb85c;
}

/* http://projects.lukehaas.me/css-loaders/ */

.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(34,121,136, 0.2);
  border-right: 1.1em solid rgba(34,121,136, 0.2);
  border-bottom: 1.1em solid rgba(34,121,136, 0.2);
  border-left: 1.1em solid #227988;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.green
{
	color:#0C0;
}