.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;
}

#sessionExpiredModal {
  z-index: 100005;
  background-color: #333;
}

@supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
  #sessionExpiredModal {
    background-color: rgba(0, 0, 0, 0.35);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }
}

@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;
}

/* ==========================================================================
   Mobil navigation (hovedmenu)
   - Topmenuen ("burger"-knappen) forbliver synlig når man scroller.
   - Sidemenuen bliver til en "skuffe" der lægger sig ovenpå indholdet,
     så den altid kan åbnes/lukkes uden at skulle scrolle op først.
   - Større trykflader i menuerne på touch-skærme.
   ========================================================================== */
@media (max-width: 800px) {

  .navbar-static-top {
    position: sticky;
    top: 0;
    z-index: 1035;
  }

  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 250px;
    max-width: 80vw;
    z-index: 1031;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, .35);
    transform: translateX(-100%);
    transition: transform .25s ease-in-out;
  }

  .sidebar .sidebar-nav.navbar-collapse {
    display: none;
    padding-top: 0;
  }

  body.sidebar-open .sidebar .sidebar-nav.navbar-collapse {
    display: block;
  }

  body.sidebar-open .sidebar {
    transform: translateX(0);
  }

  #sidebar-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 1030;
  }

  body.sidebar-open #sidebar-backdrop {
    display: block;
  }

  body.sidebar-open {
    overflow: hidden;
  }

  .sidebar ul li a,
  .navbar-top-links li a,
  .navbar-top-links .dropdown-menu li a {
    padding-top: 14px;
    padding-bottom: 14px;
    min-height: 48px;
  }

  .sidebar .nav-second-level li a,
  .sidebar .nav-third-level li a,
  .sidebar .nav-fourth-level li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
	

/* Desktop compact sidebar; mobile drawer keeps full labels. */
#sidebar-minimize,
.sidebar-mini-label,
.sidebar-fallback-icon {
  display: none;
}

@media (min-width: 801px) {
  .sidebar { width: 220px; }
  #page-wrapper { margin-left: 220px; }

  /* Reserve space for arrows instead of letting floated arrows wrap. */
  body:not(.sidebar-minimized) #side-menu li > a {
    position: relative;
    padding-right: 24px;
    white-space: nowrap;
  }
  body:not(.sidebar-minimized) .sidebar .nav-second-level li > a { padding-left: 24px; }
  body:not(.sidebar-minimized) .sidebar .nav-third-level li > a { padding-left: 32px; }
  body:not(.sidebar-minimized) .sidebar .nav-fourth-level li > a { padding-left: 40px; }
  body:not(.sidebar-minimized) .sidebar .arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    float: none;
  }

  .sidebar .sidebar-nav.navbar-collapse {
    display: block !important;
    height: auto !important;
  }

  #sidebar-minimize {
    display: block;
    position: absolute;
    right: -16px;
    top: 8px;
    z-index: 2;
    width: 16px;
    height: 30px;
    padding: 0;
    border: 1px solid #d5d5d5;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    background: #f8f8f8;
    color: #777;
    font-size: 12px;
    cursor: pointer;
  }

  #sidebar-minimize:hover,
  #sidebar-minimize:focus { background: #e7e7e7; color: #337ab7; }
  #sidebar-minimize:focus-visible { outline: 2px solid #337ab7; }

  body.sidebar-minimized .sidebar { width: 64px; }
  body.sidebar-minimized #page-wrapper { margin-left: 64px; }
  body.sidebar-minimized .sidebar-label,
  body.sidebar-minimized .has-mini-label > .fa:not(.arrow),
  body.sidebar-minimized .has-mini-label > .fa-stack { display: none; }
  body.sidebar-minimized .sidebar-mini-label,
  body.sidebar-minimized .sidebar-fallback-icon { display: inline-block; }

  body.sidebar-minimized #side-menu li > a {
    position: relative;
    padding: 10px 8px;
    text-align: center;
    min-height: 44px;
    /* Hide raw label text too, before sidebar.js wraps it on DOM ready. */
    font-size: 0;
  }

  body.sidebar-minimized #side-menu a > .fa,
  body.sidebar-minimized #side-menu a > .fa-stack { font-size: 14px; }
  body.sidebar-minimized #side-menu a[data-mini-label] > .fa:not(.arrow),
  body.sidebar-minimized #side-menu a[data-mini-label] > .fa-stack { display: none; }

  /* Club and year labels are available from the server-rendered attributes. */
  body.sidebar-minimized #side-menu a[data-mini-label]:not(.has-mini-label)::after {
    content: attr(data-mini-label);
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 11px;
    font-weight: 600;
  }

  body.sidebar-minimized .sidebar-mini-label {
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 11px;
    font-weight: 600;
  }

  body.sidebar-minimized .sidebar .arrow {
    position: absolute;
    right: 4px;
    top: 15px;
  }

  body.sidebar-minimized #side-menu ul { background: #f0f0f0; }
  body.sidebar-minimized #side-menu a:focus { outline: 2px solid #337ab7; outline-offset: -2px; }
}

@media (min-width: 801px) and (prefers-reduced-motion: no-preference) {
  body.sidebar-animate .sidebar { transition: width .25s ease-in-out; }
  body.sidebar-animate #page-wrapper { transition: margin-left .25s ease-in-out; }
}

@media (max-width: 800px) {
  #sidebar-toggle { display: block; }
  #page-wrapper { margin-left: 0; }
}