html {
	background: url(../../img/glass.jpg) no-repeat center top fixed;
	background-size: cover;
}

body {
	visibility: hidden;
}

body.logged-in {
	visibility: visible;
}

.smart-style-5 {
	background: none;
}

.smart-style-5 .notification-body .from {
	color: rgba(255, 255, 255, .7);
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	height: auto;
	margin-bottom: 0;
	margin-right: 0;
}

.smart-style-5 .notification-body .subject {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-right: 60px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.smart-style-5 .btn-default.active {
	background: rgba(0, 0, 0, .8);
}

.smart-style-5 .btn-primary.active {
	background: rgba(71, 188, 236, .63);
}

.smart-style-5 .MessageBoxContainer {
	background-size: cover;
}

.smart-style-5 .ui-spinner {
	border-color: rgba(255, 255, 255, .4);
}

.smart-style-5 .btn-success, .smart-style-5 .btn-success:hover {
	border-color: rgba(0, 146, 4, .83);
}

.smart-style-5 .ui-state-focus + .ui-widget-content {
	background: none;
}

.smart-style-5 .modal-content {
	background-size: cover;
}

.smart-style-5 .ui-autocomplete {
	background: rgba(0, 0, 0, .8);
	max-height: 200px;
	overflow: auto;
}

.smart-style-5 .smart-form .input input[type=text].ui-autocomplete-loading,
.smart-style-5 .smart-form .state-success input[type=text].ui-autocomplete-loading {
	background-image: url("../../img/loading.gif") !important;
	background-position: 80% 50% !important;
	background-repeat: no-repeat !important;
}

.smart-style-5 .smart-form .state-success .state-prevent {
	background: rgba(255, 255, 255, .2) !important;
	border-color: rgba(255, 255, 255, .4);
}

#logo {
	width: 140px;
}

#logo-small {
	margin-top: 10px;
	margin-left: 4px;
}

#logo-small img {
	width: 33px;
	height: auto;
	padding-left: 3px;
}

#activity.active .badge.bg-color-red {
	background: rgba(255, 7, 7, .63) !important;
}

nav ul span.menu-item-parent .shrink {
	font-size: .8em;
}

nav ul li .menu-item-inactive {
	color: #c0bbb7;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	padding: 10px 10px 10px 11px;
	position: relative;
	text-decoration: none!important;
}

.smart-form .select i {
	background: none;
	box-shadow: none;
}

.smart-form div.tooltip {
	background-color: rgba(0, 0, 0, 0);
	opacity: .8;
}

.smart-form div.tooltip.right .tooltip-inner {
	margin-left: -3px;
}

.smart-form .popover-title {
	padding: 8px 14px;
}

.smart-form .popover-content {
	padding: 9px 14px;
}

.smart-form footer label {
	float: right;
	margin: 10px 0 0 5px;
}

.smart-form .col-11 {
	 width: 91.6%;
}

.smart-form .col-12 {
	width: 100%;
}

.inbox-data-date {
	width: 120px;
}

.popover, .popover.clockpicker-popover {
	z-index: 2000;
}

.popover-large .popover {
	max-width: 800px;
}

.popover-table th, .popover-table th:first-child, .popover-table td {
	background: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
	font-size: 10px !important;
	padding: 2px 4px !important;
	text-align: center !important;
	white-space: nowrap;
}

.blocked-input-container {
	background-color: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .2);
	padding-top: 5px;
}

#portal-brand-logo {
	display: none;
}

.menu-group-options-btn  {
	opacity: 0;
	position: absolute;
	right: 22px;
	top: 10px;
	transition: .2s opacity;
}

.has-menu-group-options-btn:hover .menu-group-options-btn {
	opacity: 1;
	transition-delay: 1s;
}

.colorpicker {
	z-index: 2000;
}

.list-group-item {
	background: none;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.list-group-item:last-child {
	border-bottom: none;
}

.increment-selector-desc {
	border: 1px solid rgba(255, 255, 255, .1);
	border-top: none;
	font-size: .8em;
	padding: 2px;
}

.widget-body {
	overflow: auto;
}

.widget-body.widget-body-overflow {
	overflow: visible;
}

.widget-body.widget-body-overflow .dataTables_wrapper {
	overflow: visible;
}

.dataTables_wrapper {
	overflow: auto;
}

.registration-status-badge,
.event-registration-status-badge,
.group-registration-status-badge,
.competition-registration-status-badge,
.update-log-badge,
.competition-is-on-roster-status-badge,
.akes-player-data,
.large-badge {
	font-size: 14px;
	line-height: 1.5;
	min-height: 18px;
	min-width: 18px;
	padding: 5px 7px 4px;
    vertical-align: middle;
}

.akes-player-data {
	font-weight: normal;
	min-width: 70px;
}

.akes-player-data-cost {
	background-color: #a90329;
}

.akes-player-data-income {
	background-color: #739e73;
}

.smart-style-5 .table tfoot tr {
	background: rgba(0,0,0,.43);
}

.well-fact {
	display: inline-block;
	margin: 20px 10px !important;
	min-width: 200px;
}

.well-fact h1 {
	font-size: 4em;
	font-weight: 900;
}

@keyframes animateHighLevelUpdateLog {
	0% {
		background-color: #999;
	}
	50% {
		background-color: #f44;
	}
	100% {
		background-color: #999;
	}
}

.high-level-update-log-badge {
	animation-duration: 2000ms;
	animation-name: animateHighLevelUpdateLog;
	animation-iteration-count: infinite;
}

.registration-status-badge.bg-dark-grey {
	background: #666;
}

.missing-input {
	color: red;
}

.data-field-file-display button {
	opacity: 0;
	transition: .2s opacity;
}

.data-field-file-display:hover button {
	opacity: 1;
}

.image-editor-layer {
	background: rgba(0, 0, 0, .9) url(../../img/glass.jpg) no-repeat center top fixed;
	background-size: cover;
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2000;
}

.image-editor-toolbar {
	border-bottom: 1px solid rgba(0, 0, 0, .25);
	height: 50px;
	left: 0;
	line-height: 50px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
}

.image-editor-toolbar button {
	margin: 5px;
}

.image-editor-workspace {
	border-top: 1px solid rgba(255, 255, 255, .25);
	left: 0;
	overflow: auto;
	padding: 30px 10px 30px 20px;
	position: absolute;
	right: 50%;
	text-align: center;
	top: 50px;
}

.image-editor-workspace .jcrop-holder > .jcrop-tracker {
	border: 4px solid #f44;
}

.image-editor-image {
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.image-editor-sidebar {
	border-top: 1px solid rgba(255, 255, 255, .25);
	bottom: 0;
	left: 50%;
	overflow: auto;
	padding: 30px 20px 30px 10px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50px;
}

.image-editor-preview-heading {
	margin-top: 100px;
}

.image-editor-preview-image-pane {
	border: 2px solid #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	display: inline-block;
	margin-top: 30px;
	overflow: hidden;
}

.image-editor-preview-image-container {
	overflow: hidden;
}

@media (max-width: 600px) {
	.image-editor-workspace {
		left: unset;
		position: unset;
		right: unset !important;
		top: unset;
		width: auto !important;
	}

	.image-editor-sidebar {
		bottom: unset;
		left: unset !important;
		position: unset;
		right: unset;
		top: unset;
		width: auto !important;
	}

	.image-editor-preview-heading {
		margin-top: 10px;
	}

	.image-editor-preview-image-pane {
		margin-top: 0;
	}
}

.modal-backdrop {
	position: fixed;
}

.modal-dialog {
	bottom: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	right: 0;
	top: 0;
}

#season-selector {
	padding: 7px 13px 0;
	position: relative;
}

#season-selector>:first-child {
	display: block;
	color: #bfbfbf;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 0 0 1px #fff;
	padding-left: 0;
	text-align: left;
}

.smart-style-5 #season-selector>:first-child {
	text-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 5px;
	color: rgb(255, 255, 255) !important;
}

.dd-upload-drag-area {
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, .03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, .03)), color-stop(0.75, rgba(0, 0, 0, .03)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
	background-color: rgba(72, 112, 85, .23);
	background-size: 16px 16px;
	cursor: pointer;
	line-height: 100px;
}

.dd-upload-file-list {
	width: 100%;
}

.dd-upload-file-list-file-title {
	font-weight: bold;
}

.dd-upload-file-list-file-delete {
	text-align: right;
}

.side-bar-nav {
	position: absolute;
	width: 250px;
}

.side-bar-nav > .btn {
	margin-bottom: 35px;
}

.side-bar-nav h6 {
	display: block;
	font-size: 11px;
	font-weight: 400;
	padding: 0 15px;
	text-transform: uppercase;
}

.side-bar-nav ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}

.side-bar-nav li {
	display: block;
	width: 100%;
}

.side-bar-nav a {
	display: block;
	padding: 6px 15px 7px;
	font-size: 13px;
}

.side-bar-nav a:hover {
	background: rgba(0, 0, 0, .43);
	color: #fff;
}

.side-bar-nav li.active a {
	background: rgba(0, 0, 0, .43);
	font-weight: 700;
}

.side-bar-content {
	margin-left: 260px;
}

.drag-handle {
	cursor: move;
}

.projects-table>tbody>tr>td.no-padding {
	padding: 0 !important;
}

#error-details {
	border: 1px solid rgba(255, 255, 255, .1);
	font-size: .9em;
	max-height: 300px;
	overflow: auto;
	padding: 5px;
}

.flag.flag-AUT { background-position: -192px 0; }
.flag.flag-GER { background-position: -80px -33px; }
.flag.flag-ITA { background-position: -208px -66px; }
.flag.flag-LIE { background-position: -16px -88px; }
.flag.flag-SUI { background-position: -128px -22px; }
.flag.flag-SVK { background-position: -144px -132px; }
.flag.flag-SLO { background-position: -128px -132px; }
.flag.flag-CZE { background-position: -64px -33px; }
.flag.flag-HUN { background-position: -32px -66px; }
.flag.flag-FIN { background-position: -64px -44px; }
.flag.flag-SWE { background-position: -80px -132px; }
.flag.flag-CAN { background-position: -48px -22px; }
.flag.flag-USA { background-position: -144px -154px; }
.flag.flag-NED { background-position: -80px -110px; }
.flag.flag-FRA { background-position: -144px -44px; }
.flag.flag-CRO { background-position: 0 -66px; }
.flag.flag-ROM { background-position: -192px -121px; }
.flag.flag-ROU { background-position: -192px -121px; }
.flag.flag-LAT { background-position: -112px -88px; }
.flag.flag-POL { background-position: -32px -121px; }
.flag.flag-DEN { background-position: -112px -33px; }
.flag.flag-RUS { background-position: -224px -121px; }
.flag.flag-NOR { background-position: -96px -110px; }
.flag.flag-GBR { background-position: -176px -44px; }
.flag.flag-UKR { background-position: -96px -154px; }
.flag.flag-GRE { background-position: -112px -55px; }
.flag.flag-KGZ { background-position: -48px -77px; }
.flag.flag-KOR { background-position: -144px -77px; }
.flag.flag-MEX { background-position: -192px -99px; }
.flag.flag-JPN { background-position: -16px -77px; }
.flag.flag-ASA { background-position: -176px 0; }
.flag.flag-KAZ { background-position: -208px -77px; }
.flag.flag-BLR { background-position: -16px -22px; }
.flag.flag-ESP { background-position: -16px -44px; }

.line-items tfoot td, .smart-style-5 .table.line-items > tfoot > tr > td {
	background: rgba(0, 0, 0, .43);
	border-top: none;
}

.line-items tfoot tr:first-child td, .smart-style-5 .table.line-items > tfoot > tr:first-child > td {
	border-top: 2px solid rgba(255, 255, 255, 0.25);
}

.data-table-no-data {
	color: #fff;
}

.smart-style-5 .smart-form.no-readonly-input-styling .state-success input[readonly],
.smart-style-5 .smart-form.no-readonly-input-styling .state-error input[readonly],
.smart-style-5 .smart-form.no-readonly-input-styling .input input[readonly] {
	background: none !important;
	border: none !important;
}

.smart-style-5 .smart-form .input input[readonly="readonly"],
.smart-style-5 .smart-form .select select[disabled="disabled"],
.smart-style-5 .smart-form .checkbox input[readonly="readonly"] + i {
	opacity: .5;
}

span.los-log-status-0 {
	color: rgba(255, 100, 100, 1);
	font-size: 1.4em;
	font-weight: bold;
}

tr.los-sync-log-status-0 td:first-child {
	background-color: rgba(255, 100, 100, .5);
}

tr.los-sync-log-status-1 td:first-child {
	background-color: rgba(100, 255, 100, .5);
}

.big-welcome {
	display: none;
	text-align: center;
}

.big-welcome h1 {
	margin-top: 30px;
}

.big-welcome img {
	height: 100px;
	width: auto;
}

#logo-group span#search {
	cursor: pointer;
	display: inline-block;
	font-size: 19px;
	height: 24px;
	margin: 10px 0 0 5px;
	padding: 2px;
	position: relative;
	text-align: center;
	width: 24px;
}

.ajax-dropdown.ajax-dropdown-search:before {
	left: auto;
	margin-left: 133px;
}

.ajax-dropdown.ajax-dropdown-search:after {
	left: auto;
	margin-left: 134px;
}

.ajax-dropdown.ajax-dropdown-search {
	height: auto;
	max-width: 100%;
	width: 700px;
}

.MessageBoxButtonSection {
	height: auto;
	min-height: 30px;
}

.MessageBoxButtonSection:after {
	clear: both;
	content: "";
	display: table;
}

.MessageBoxButtonSection button {
	margin-bottom: 5px;
}

#logo-group #search-popup * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.selectDatePicker select {
	display: inline-block !important;
}

.selectDatePicker select:nth-child(1) {
	width: 20% !important;
}

.selectDatePicker select:nth-child(2) {
	width: 50% !important;
}

.selectDatePicker select:nth-child(3) {
	width: 30% !important;
}

.selectDatePickerOriginalInput {
	position: absolute;
	visibility: hidden;
}

.smart-form .state-error+em {
	background: rgba(255, 8, 8, .2)!important;
	color: #fff;
	padding: 4px;
}

.validateIban {
	text-transform: uppercase;
}

.validateBic {
	text-transform: uppercase;
}

#main-menu small {
    font-size: 70%;
}

.unimportant {
	font-style: italic;
	opacity: .5;
}

#header .dropdown-menu {
	max-height: 250px;
	overflow: auto;
}

.gdpr-modal li {
	margin-bottom: 5px;
	margin-top: 5px;
}

optgroup {
	color: #000;
}

.traffic-lights {
	background: rgba(0,0,0,.5);
	border-radius: 2px;
	display: inline-block;
	padding: 2px 4px;
	vertical-align: middle;
	white-space: nowrap;
}

.preferred-name {
	color: #888;
	font-style: italic;
	font-size: 12px;
}

.dropdown-menu-filter input {
	background: #081f27;
	border: none;
	font-weight: normal;
	min-width: 200px;
	padding: 2px 10px;
	width: 100%;
}

.tag {
	background-color: #999;
    border-radius: .25em;
    color: #fff;
	display: inline;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    padding: .2em .6em .3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.select2-container--default .select2-selection--multiple {
	background: rgba(255,255,255,.2);
    border-color: rgba(255,255,255,.4);
}

.select2-dropdown {
	background: rgb(92, 153, 183);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: #0d496f;
}

.select2-container--default .select2-results__option--selected {
    color: #0d496f;
}

.smart-style-5 .bg-color-darkgreen, .smart-style-5 .jarviswidget-color-darkgreen > header {
    background: rgba(144,255,146,.25)!important;
    border-color: rgba(144,255,146,.25)!important;
    color: #0f0;
}

.edit-person-status-additional-information {
	font-size: 80%;
	opacity: .6;
}

.padding-15 {
	padding: 15px;
}

.smart-form fieldset {
	padding-left: 15px;
	padding-right: 15px;
}

#content > .row:first-child {
	padding-bottom: 10px;
}

.large-label {
	font-size: 1.2em;
	font-weight: bold;
}

label.toggle {
    height: 26px;
}

.divider:not(li) {
	border-top: 1px dotted #1c4e56;
	margin-top: 30px;
	padding-bottom: 30px;
}

.form-label-list {
    margin: 1em 0 1em 2em;
}

.support-documents {
	font-size: 120%;
	padding: 15px;
}

.support-documents .row:not(:last-child) {
    border-bottom: 1px dotted #1c4e56;
}

.support-documents .col {
    padding: .5em 0 .5em 2.4em;
}

.support-documents .fa-lg {
    margin-right: .5em;
}

.support-documents .fa-bars {
	cursor: move;
	margin-right: 1em;
	opacity: .5;
}

.support-documents .btn-group {
    float: right;
}

.table tr.active td {
    background: #debd05 !important;
}

.alert-table {
    width: 100%;
}

.alert-table th, .alert-table td {
	border: 1px solid rgba(255,255,255,.4);
	padding: 4px 8px;
}

@media only screen and (min-width: 0) and (max-width: 478px) {
	#logo-group {
		width: 110px !important;
	}

	#logo-group > span#logo {
		display: none;
	}

	#project-context, .project-context {
		padding: 7px 2px 0;
	}

	.side-bar-nav {
		position: relative;
		width: 100%;
	}

	.side-bar-content {
		margin-left: 0;
	}
}

@media only screen and (min-width: 0) and (max-width: 1024px) {
	.table th, .table td {
		font-size: .75em;
	}
}

@media only screen and (min-width: 479px) {
	#logo-group > span#logo-small {
		display: none;
	}
}

@media only screen and (min-width: 980px) {
	#portal-brand-logo {
		bottom: 18px;
		display: block;
		height: 100px;
		left: 0;
		opacity: .5;
		position: absolute;
		white-space: nowrap;
		z-index: 1000;
	}

	#portal-brand-logo img {
		height: 100px;
		margin-left: 7px;
		width: 100px;
	}
}

@media (min-width: 1600px) {
	.inline-modal-editor.open {
		display: flex;
	}

	.inline-modal-editor.open .table th, .inline-modal-editor.open .table td {
		font-size: .75em;
	}

	.inline-modal-editor.open > section {
		width: 50%;
	}

	.inline-modal-editor.open .modal {
		position: relative;
		width: 50%;
		z-index: 1;
	}

	.inline-modal-editor.open .modal-backdrop {
		display: none;
	}

	.inline-modal-editor.open .modal-dialog {
		position: relative;
		margin: 0;
		width: 100%;
	}
}