@import 'loading-spinners.css';
@import 'daterangepicker.css';
@import 'felgenempfehlungen.css';
@import 'felgenempfehlunge-statistics.css';
@import 'felgenempfehlunge_top100.css';
@import 'analytics.css';
@import 'gutachten/gutachten3.css';
@import 'gutachtenxml/main.css';
@import 'fhz.css';
@import 'statistics/statistics.css';
@import 'reports/main.min.css';
@import 'reports/reports.css';

.nav-header.toggleable {
	cursor: pointer;
}
.nav-header.toggleable::after {
	font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: " \f0d7";
}
.nav-header.toggleable.active::after {
	content: " \f0d8";
}

.ampel
{
	width:15px;
	height:15px;
	border-radius: 15px;
	box-shadow: 0 0 3px #555;
	margin:0 10px 0 0;
}
.ampel_warning_level, .ampel_warning_level input
{
	margin:0!important;
}
.ampel_warning_level label:hover
{
	border-radius: 15px;
	box-shadow: 0 0 3px #CCC;
}
.ampel_warning_level input, .ampel_warning_level span
{
	display:inline-block;
}
.ampel_warning_level span
{
	vertical-align: middle;
}
.warning_level_100, .warning_level_100:hover
{
	background-color: #468847!important; /*#5B5*/
}
.warning_level_200, .warning_level_200:hover
{
	background-color: #F89406!important; /*#FFAF00*/
}
.warning_level_300, .warning_level_300:hover
{
	background-color: #B94A48!important; /*#D23A3A*/
}

input.rdks_modellauswahl, input.media_basearticleauswahl
{
	margin:0px;
	float:left;
	width:20px;
	height: 20px;
}
label.rdks_modellauswahl, label.media_basearticleauswahl
{
	float:left;
	width:200px;
	height:20px;
	line-height: 20px;
}
.clear
{
	clear:both;
}

.disco-fever {
    animation: spinner 2s infinite linear, color-change 2s infinite linear;
}

.article-image:hover > .article-image-overlay {
	display:block;
}

.article-image-overlay {
	position:absolute;
	display:none;
}

.auto-properties-show,
.auto-properties-hide {
	float:left;
	margin-top:0.5rem;
}

.felgen-empfehlungen-suche {
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.notification-box-wrapper {
    z-index:10001;
    position:fixed;
    width:auto;
    left: 50%;
    bottom:0;
    transform: translateX(-50%);
    overflow:hidden;
}

.notification-box {
    display:none;
    flex-flow: row wrap;
    justify-content: flex-start;
    height:2rem;
    padding:0.25rem 1rem;
    color: #ffffff;
    background: #404040;
    animation: 3s fadeIn;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.notification-box div {
    line-height:2rem;
}

.notification-box span {
    display: inline-block;
    margin-right:0.25rem;
    padding: 0.25rem;
}

.notification-box i {
    line-height:2rem;
    padding-right: 0.25rem;
}

@keyframes fadeIn {
    from {opacity:0;}
    to {opacity:1;}
}

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

@-webkit-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-moz-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-ms-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-o-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}

/* Felgenstammdatenupload Farben und Abstände */

.stammdaten-created {
    color: rgb(201, 201, 38);
}
.stammdaten-updated {
    color: rgb(129, 194, 31);
}
.stammdaten-nottouched {
    color: rgb(245, 0, 0);
}