.additional_image_delete{
	position: relative;
	top:-1.5em;
	background-color: white;
	padding:5px;
}

.readonlydates:read-only {
	 background-color: #c8c8c8;
}

.top-bar-box {
z-index: 2010!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    width: 98%;
}

.hompage-jumbotron{
	background-image: url('/images/background-blur.png');
	background-repeat: no-repeat;
 background-size: cover;
}

.hompage-jumbotron h1, .hompage-jumbotron p{
	text-shadow: 2px 2px 8px black;
}

.navbar-nav li{
	padding: 0 7px;
}

.top-nav a{
	color: black!important;
	text-decoration: none!important;
	font-size: 1.5em;
}

.top-bar-box .top-bar {
    height: 95px!important;
	}

.top-bar-box .top-bar>.user-profile {
	width:200px;
}

.content-wrapper a, .content-wrapper a:active, .content-wrapper a:hover, .content-wrapper a:link {
    text-decoration: underline;
		color: #0064bd;
}

	.top-bar-box .top-bar .logo-box>.logo {
    width: auto!important;
		max-height: 95px!important;
}


.top-bar-box .top-nav-box {
	margin-top: 25px!important;
}

.top-bar-box .top-nav-box:before {
	border-top: none!important;
}


.table-sticky {
  max-width: 100%;
  max-height: 45em;
  overflow: scroll;
  position: relative;
}

.table-sticky table {
  position: relative;
  border-collapse: collapse;
}

.table-sticky td,
.table-sticky th {
  padding: 0.25em;
}

.table-sticky thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
}

.table-sticky thead th:first-child {
  left: 0;
  z-index: 1;
}

.table-sticky tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  border-right: 1px solid #CCC;
}

.table-sticky tbody tr th{
	background: #f5f5f5;
}

button[name="clearSearch"] {
	color: #6c757d;
background-color: transparent;
background-image: none;
border-color: #6c757d;
}

button[name="search"] {
color: #fff;
background-color: #3b7ae2;
border-color: #3b7ae2;
}

.bg-your-club {
    background-color: #ffefb9!important;
}

.result-table{
	color: black;
	font-weight: 400;
}

.auto-refresh.active{
	background: green!important;
}

.scoresheet-comment p{
    font-size: 1rem!important;
}

@media (max-width: 992px){

  .truncate-xs {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.top-bar-box .top-bar>.mobile-nav-toggle {
    top: 15px!important;
    left: 120px!important;
    font-weight:bolder;
    font-size: 1.5em;
	}


  .notification-box{
    padding-top:15px;
    padding-right:20px;
  }

	.table tbody td, .table tbody th {
    padding:.3rem .1rem!important;
	}

	.top-bar-box .top-nav-box {
		margin-top: 0px!important;
	}

.top-bar-box .top-bar {
   padding-top: 15px!important;
	}

	.top-bar-box .top-bar .logo-box {
    display: flex!important;
}

.top-bar-box .top-bar>.mobile-nav-toggle {
		top: 25px;
    left: 160px;
		z-index:1990;
}

.top-nav-box{
	z-index: 2000!important;
}
}

.modal{
	margin-top: 150px;
}

.table thead th {
    vertical-align: top!important;
    font-size: 0.8em!important;
	}

	#ss-table thead th {
		padding:3px;
	}

	#ss-table tbody td {
		border-right: 1px solid #dedede;
	}

.loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

/* basic positioning */
.legend { list-style: none;  padding:5px; border: 1px solid #aaa; border-radius: 3px; }
.legend li { float: left; margin-right: 10px; }
.legend span { border: 1px solid #ccc; float: left; width: 12px; height: 12px; margin: 2px; }
/* your colors */
.legend .has-scoresheets { background-color: #f9f6a080; }
.legend .has-calculated { background-color: #a0f9a280; }

.logo{
  height: 65px!important;
}

.loader:after {
  background: #afafaf;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.mini-loader {
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }
        @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 

    .fake-link{
        color: #0064bd!important;
        text-decoration: underline!important;
        cursor: pointer!important;
        font-weight: normal;
    }

ul.list-group.list-group-striped li:nth-of-type(odd){
    background: #f9f9f9;
}

ul.list-group.list-group-striped li:hover{
    background: #e2e2e2;
}

.activity .card-body{
	padding: 0;
}

.activity .list-group-item{
	padding: 2px 10px 5px 10px!important;
}

.select2-selection--multiple{
    overflow: hidden !important;
    height: auto !important;
}

[aria-selected='true']::before {
	content: '\2713';
}


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