/*
This file is part of the TYPO3 CMS project.

It is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License, either version 2
of the License, or any later version.

For the full copyright and license information, please read the
LICENSE.txt file that was distributed with this source code.

The TYPO3 project - inspiring people to share!
*/
/*
    Created on : 02.02.2018, 09:36:31
    Author     : Kevin Ditscheid <kevinditscheid@gmail.com>
*/
.loading{
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url(../Icons/loading.svg);
}

.tx-ep-awards .ranking{
    color: #EF7C00;
    font-weight: bold;
}
.tx-ep-awards .votes{
    color: #EF7C00;
    width: 120px;
}
.tx-ep-awards .searchfield{
    text-align: right;
    position: relative;
}
.tx-ep-awards .searchfield button{
    position: absolute;
    top: 2px;
    right: 6px;
    border: 0px none;
    width: 24px;
    height: 20px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #E5E5E5;
    cursor: pointer;
}
#tx-epawards-voting-searchword {
    background-color:#E5E5E5;
    border:none;
    border-radius: 10px;
    padding:3px 7px;
}
.tx-ep-awards .searchfield button:before{
    content: "6";
    font-size: 24px;
    font-family: "IconFont";
    line-height: 20px;
    position: relative;
    top: -3px;
    color: #000;
    display: inline-block;
}
.tx-ep-awards .top {
    min-height: 342px;
}
.tx-ep-awards .img-container {
    width: 50%;
    float: left;
    margin-right: 10px;
}
.tx-ep-awards .img-container img {
    width: 100%;
    height: auto;
}
.tx-ep-awards .img-container figure {
    position: relative;
}

.tx-ep-awards a.give-vote,
.tx-ep-awards a.give-vote-target-blank {
    position: relative;
    top: 0;
    line-height: 100%;
    text-decoration: none;
    font-weight: bold;
}
.tx-ep-awards a.give-vote {
    display: inline-block;
}
.tx-ep-awards a.give-vote:before,
.tx-ep-awards a.give-vote-target-blank:before {
    content: "\f164";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #fff;
    display: inline-block;
    position: relative;
    top: auto;
    font-weight: normal;
    height: 18px;
    width: 20px;
    padding-top: 2px;
    text-align: center;
    margin-right: 5px;
    background: #ef7c00;
    border-radius: 50%;
}
.tx-ep-awards a.give-vote:hover {
.tx-ep-awards a.give-vote-target-blank:hover,
    text-decoration: underline;
}
/* DIALOG */
.no-frame.ui-widget-content{
    border: none;
    background: transparent;
    border-radius: initial;
}
.no-titlebar .ui-dialog-titlebar{
    display: none;
}
.ui-dialog .ui-dialog-titlebar{
    margin-bottom: -23px;
    z-index: 1;
    border: none;
}
.ui-button-icon-only .ui-icon{
    margin-left: -9px;
}

.ui-dialog .ui-corner-all{
    border-radius: 0;
}
.ui-dialog .ui-widget-header{
    background: transparent;
    height: 23px;
    text-align: right;
}
.ui-dialog .ui-widget-header .ui-dialog-titlebar-close{
    color: #000;
    background: transparent;
    text-align: right;
    color: #000;
    height: 21px;
    border: none;
    width: 23px;
    padding: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-left: 2px;
    cursor: pointer;
}
.ui-dialog .ui-widget-header .ui-dialog-titlebar-close .ui-icon:hover{
    /*background-image: url(../images/ui-icons_000_256x240.png);*/
    background-image: url(./Libraries/images/ui-icons_000_256x240.png);
}
.ui-dialog .color-container{
    padding-top: 23px;
    padding-bottom: 43px;
}
.ui-dialog .ui-dialog-content{
    padding: 0;
    overflow: visible;
    box-shadow: 0 0 2px #000;
}
.ui-dialog .ui-dialog-content > .csc-default{
    padding:0;
}
#voting-dialog{
    border: none;
    background-color: #EF7C00;
    color: #000;
}
#voting-dialog a{
    color: #000;
    font-size: 14px;
}
#voting-dialog a:hover{
    color: #fff;
}
#voting-dialog .links{
    margin-top: 10px;
    text-align: right;
}
#voting-dialog input[type="text"]{
    width: 49%;
}
#voting-dialog .fullwidth input{
    width: 100%;
}
#voting-dialog .links .more-link-button input{
    cursor: pointer;
    font-size: 14px;
    border: none;
    background: none;
    padding:0;
    margin: 0;
    color: #000;
    display: inline-block;
    position: relative;
    top: 0px;
    line-height: 100%;
    text-decoration: none;
    font-weight: bold;
}
#voting-dialog .links .more-link-button input:hover{
    text-decoration: underline;
    color: #fff;
}
#voting-dialog .links .more-link-button:before{
    content: "\f061";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #000000;
    display: inline-block;
    position: relative;
    top: auto;
    font-weight: normal;
    margin-right: 0.125em;
}
#voting-dialog .g-recaptcha{
    margin-top: 5px;
}
#voting-dialog .error{
    border: 1px solid red;
    background: #FF9F9F;
    color: red;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}
#voting-dialog .error p{
    margin: 0;
}
.ui-dialog .ui-dialog-buttonpane{
    background: transparent;
    border: none;
    margin: 0;
    margin-top: -43px;
    padding: 0;
}
.ui-dialog .ui-dialog-buttonpane button{
    background: transparent;
    border: none;
    color: #000;
    font-weight: bold;
}
.ui-dialog .ui-dialog-buttonpane button:hover{
    color: #fff;
    text-decoration: underline;
}
.ui-dialog .ui-dialog-buttonpane button:before{
    content: "\f061";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #000000;
    display: inline-block;
    position: relative;
    top: auto;
    font-weight: normal;
    margin-right: 0.125em;
}
.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text{
    padding: 0;
    display: inline;
}
.tx-ep-awards .result-item{
    border-top: 1px solid #000;
    padding-top: 10px;
    margin-bottom: 10px;
}
.tx-ep-awards .result-item.first{
    border-top: none;
}
.tx-ep-awards .result-item figure{
    float: left;
    margin-right: 2%;
    width: 38%;
    text-align: center;
    position: relative;
}
.tx-ep-awards figure.detail-item {
    position: relative;
    width:350px;
    float:left;
    margin-right:20px;
}
.tx-ep-awards .result-item figure img{
    width: 100%;
}

@media screen and (max-width: 768px){
	.tx-ep-awards .result-item figure figcaption{
		position: static;
	}
    .tx-ep-awards figure.detail-item {
        float:unset;
    }    
}
.tx-ep-awards .result-item .result-item-text{
    float: left;
    width: 100%;
}
.tx-ep-awards .result-item .result-item-text p:last-of-type {
    margin-bottom: 20px;
}
.tx-ep-awards .result-item .result-item-text h3 {
    line-height: 1.2em;
    margin-top: 5px;
}
.tx-ep-awards .result-item .result-item-text.fullwidth{
    float: none;
    width: 100%;
}
.tx-ep-awards .result-item .result-item-description{
    float: right;
    width: 60%;
}
.tx-ep-awards .result-item:after{
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.tx-ep-awards .email-first{
    display: inline-block;
    width: 100%;
}
.tx-ep-awards .formcol.captcha{
    margin-top: -30px;
}
.tx-ep-awards .voting-header.yellow {
	background-color: #ecc400;
}
.tx-ep-awards .voting-header,
.tx-ep-awards .voting-header.top {
	padding-bottom: 0;
}
.tx-ep-awards .voting-header.white {
	background-color: #ffffff;
}
.tx-ep-awards .voting-header.gray {
	background-color: #e0e0e0;
}
.tx-ep-awards .voting-header .subform {
	margin-left: -15px;
	margin-right: -15px;
	padding: 15px;
}
.tx-ep-awards .voting-header form {
	margin: 0;
}
.tx-ep-awards .voting-header .subform.gray {
	background-color: #e0e0e0;
}
.tx-ep-awards .voting-header .subform.yellow {
	background-color: #ecc400;
}
.tx-ep-awards .tab-toggle .tablink.active {
	background-color: #EF7C00;
}

@media (max-width: 767px){
	.ui-dialog.voting-dialog .ui-dialog-content > .csc-default .csc-default,
	.ui-dialog.voting-info-dialog .ui-dialog-content > .csc-default .csc-default{
		padding: 0.625em 1.375em;
	}
}
@media (max-width: 750px){
	.voting-dialog,
	.voting-info-dialog{
		width: 100% !important;
	}
}
@media (max-width: 515px){
	#voting-dialog input[type="text"],#voting-dialog input[type="email"]{
		width: 100%;
		display: inline-block;
		margin-bottom: 10px;
	}
	.formcol.captcha{ margin-top: 0; }
}
/* Calendar */
.awards-calendar{
    background-color: #E0E0E0;
    padding: 20px 0 20px 0;
    border-bottom: 2px solid #fff;
    max-height: 218px;
}
.awards-calendar > h3{
    color: #000;
    margin: 0 36px 10px;
}
.awards-calendar-slider{
    margin: 32px 36px 20px ;
    position: relative;
}
.awards-calendar-slider .item{
    overflow: hidden;
}
.awards-calendar-slider .wrapper{
    padding: 0 52px 0 53px;
}
.awards-calendar-slider a{
    display: block;
    text-decoration: none;
}
.awards-calendar-slider .date{
    width: 101px;
    height: 102px;
    float: left;
    background: url(../Icons/calendar.png) top left no-repeat;
    color: #c5a200;
    font-size: 26px;
    text-align: center;
    line-height: 80px;
    padding-top: 20px;
    margin-right: 16px;
    font-weight: bold;
}
.awards-calendar-slider h3{
    color: #000;
    width: calc(100% - 96px);
    float: left;
}
.awards-calendar-slider h5{
    margin: 0;
    border: none;
    width: calc(100% - 96px);
    float: left;
}
.mfp-content .popup-wrapper{
    display: block !important;
}
.awards-calendar-slider .owl-wrapper-outer{
    z-index: 2;
}
.awards-calendar-slider .owl-controls {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
.awards-calendar-slider .owl-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.awards-calendar-slider .owl-prev,
.awards-calendar-slider .owl-next {
    position: absolute;
    width: 25px;
    overflow: hidden;
    bottom: 0;
    text-align: center;
    height: 100%;
}
.awards-calendar-slider .owl-prev.disabled,
.awards-calendar-slider .owl-next.disabled{
    display: none;
}
.awards-calendar-slider .owl-prev {
    left: -52px;
}
.awards-calendar-slider .owl-next {
    right: -52px;
}
.awards-calendar-slider .owl-prev::before,
.awards-calendar-slider .owl-next::before{
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 2.5em;
    top: 40%;
    position: absolute;
}
.awards-calendar-slider .owl-next::before{
    content: "\f105";
}

.tx-felogin-pi1 legend {
    display:none;
}

.awards-calendar-slider .owl-item.first,
.awards-calendar-slider .owl-item.last{
	width: calc( (100vw - 40px) / 3 - 46px) !important;
	max-width: calc(1200px / 3 - 46px) !important;
}
.awards-calendar-slider .owl-item.middle {
	width: calc( (100vw - 40px) / 3 - 10px)  !important;
	max-width: calc(1200px / 3) !important;
}
.awards-calendar-slider .owl-item {
	padding:0 15px;
}

/* RESPONSIVE */
@media screen and (max-width: 992px) {
	.awards-calendar-slider .owl-item.first,
	.awards-calendar-slider .owl-item.middle{
		width: calc( (100vw - 40px) / 2 - 46px) !important;
		max-width: none !important;
	}
	.awards-calendar-slider .owl-item.last {
		width: auto !important;
		max-width: none !important;
	}
	.awards-calendar-slider .owl-item {
		padding: 0;
	}
}
@media screen and (max-width: 840px) {
    .awards-calendar-slider .wrapper{
        padding: 0 25px 0 25px;
    }
    .awards-calendar-slider .owl-prev{
        left: -30px;
    }
    .awards-calendar-slider .owl-next{
        right: -30px;
    }
}
@media screen and (max-width: 600px) {
	.awards-calendar-slider .date {
		float:right;
	}
	.awards-calendar-slider .owl-item.first,
	.awards-calendar-slider .owl-item.middle,
	.awards-calendar-slider .owl-item.last{
		width: calc( (100vw - (40px + 36px + 36px + 20px)) ) !important;
	}
	.awards-calendar-slider .owl-item.first	{
		max-width: none !important;
	}
	.awards-calendar-slider .owl-item.middle,
	.awards-calendar-slider .owl-item.last {
		width: auto !important;
		max-width: none !important;
	}
}
@media screen and (max-width: 400px) {
    .awards-calendar-slider{
        margin: 32px 15px 20px;
    }
    .awards-calendar-slider .item{
        text-align: center;
    }
    .awards-calendar-slider .date{
        display: inline-block;
    }
    .awards-calendar-slider .owl-item.first,
	.awards-calendar-slider .owl-item.middle,
	.awards-calendar-slider .owl-item.last{
		width: calc( (100vw - (40px + 15px + 15px + 20px)) ) !important;
	}
	.awards-calendar-slider .item {
		margin: 0 5px;
	}
	.awards-calendar-slider .date {
		margin-right: 0;
	}
}