/*#tm-main-votaciones{
    padding-top:0;
    background-image:url('/images/fondoPremiosPages.jpg');
    min-height: 700px;
    background-repeat: no-repeat;
    background-position: top;
    background-color:#ffffff !important;
}*/

.btn, .uk-button-default {
    background-color: transparent;
    color: #3e6faa;
    border: 1px solid #3e6faa;
}
.btn:hover{
	box-shadow: 0px 5px 5px #00000030;
	border-color: #3e6faa;
}

.condiciones{
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.condiciones > ul > li.uk-open{
	border: 4px solid #fce2ad;
	border-radius:10px;
}
.condiciones > ul > li > a{
	border-radius: 5px;
    border: 3px solid #fce2ad;
}

.condiciones > ul > li > .uk-accordion-content{
	padding: 0.5rem;
}

.condiciones > ul > li > .uk-transition{
	padding: 0.5rem;
}

.uk-accordion-title{
	background-color:#FCE2AD;
	color:#f2a533;
	font-weight:800;
}

.uk-accordion-title::before{
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%23f2a533%22%20width%3D%2213%22%20height%3D%223%22%20x%3D%220%22%20y%3D%225%22%20%2F%3E%3Crect%20fill%3D%22%23f2a533%22%20width%3D%223%22%20height%3D%2213%22%20x%3D%225%22%20y%3D%220%22%20%2F%3E%3C%2Fsvg%3E");
	font-weight:800;
}

.uk-accordion-title:focus, .uk-accordion-title:hover{
	color:#f2a533;
	text-decoration:underline;
}

.uk-open>.uk-accordion-title::before{
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%23f2a533%22%20width%3D%2213%22%20height%3D%223%22%20x%3D%220%22%20y%3D%225%22%20%2F%3E%3C%2Fsvg%3E");
}

.title-form > h1{
	    color: #3e6faa;
    font-size: 2.5rem;
    text-align: center;
    border-bottom: 3px solid orange;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.title-form{
	margin-bottom:3rem;
}

h1.uk-margin-large-top.uk-margin-remove-bottom.uk-article-title{
    display:none;
}
article div.uk-margin-medium-top{
    margin-top:0 !important;
}

.uk-breadcrumb.uk-sticky{
	display:none;
}

.voto input{
    border-color:black !important;
}

button#submit-button{
    width: 100%;
    max-width: 20rem;
    min-height: 3rem;
    margin: 2rem auto;
    background-color: #3e6faa;
    border-color: white;
    border-radius: 30px;
    box-shadow: 0 8px 20px -4px #80808099;
    color: white;
    font-weight: 600;
    border:2px;
    font-size: 1.3rem;
}

.voto input{
    margin-top: 0 !important;
}
.voto label{
    width: 50%;
}


.voto{
    border: 3px solid #0B004C;
    padding: 0.2rem;
    width: 100%;
    border-radius: 10px;
    background-color: #FFF1C8;
}
.group-card img{
    z-index: 3;
	max-width:10rem;
}

@media(min-width:1100px){
    .group-card img{
        width:50%
    }
    .container{
        display: flex;
        justify-content: space-evenly;
        max-width: 1600px;
        align-items: center;
        flex-wrap:wrap;
        width: 100%;
        flex-direction:row;
    }
    
}
@media(min-width:1650px){
	.group-card.width-6{width: calc(100% * 1 / 6.001);}
	.class-border{width:fit-content}
	.container.group{padding-left:0;padding-right:0;}
}
.cargo.ajena{
	margin-bottom:2rem;
}
.container.group{
	display: flex;
    max-width: 1600px;
    justify-content: space-around;
    width:100%;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
	gap:1rem;
}

@media(min-width:1460px){
    .container{
        flex-wrap: nowrap;
    }
    /*.container.group{
        justify-content: space-between;
    }*/
}



.text h3{
    color: #0B004C;
    font-size: 1.1rem;
    margin-top: 2rem;
    margin-bottom: 0;
	min-height:53px;
}
.head-h1{
    min-height: 6rem;
    text-align: center;
}

.text-category p, .text-category h3{
    margin:0;
    color:#ffffff;
}
.group-card{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cargo p{
	    font-size: 0.7rem;
    margin-top:0;
    margin-bottom: 0;
	border-bottom:0;
}

.cargo{
	min-height:80px;
}

.class-border{
	display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid #c5c5c559;
    padding-top: 6.4rem;
    padding-left: 3rem;
    border-radius: 10px;
    padding-right: 3rem;
    /* padding-bottom: 2rem; */
    margin-left: auto;
    margin-right: auto;
    /*width: fit-content;*/
    
}

.border-candidatos{
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 605px;
    border: 2px solid #c5c5c559;
    /* right: 50%; */
    border-radius: 15px;
    /* top: 188px; */
    top: 33.5rem;
    padding-bottom: 2rem;
    z-index: 0;
}

.border-group{
    border: none;
}



.candidatos h2{
    color:#3e6faa;
    background-color: #ffffff;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 3px solid orange;
    padding-top: 2rem;
}
.text{

    text-align: center;
    border-radius: 10px;
    padding: 0.6rem;
    width: 100%;
    position: relative;
    display: flex;
	gap:1rem;
    bottom: 2.5rem;
    min-width: 13rem;
    box-shadow: 0 8px 20px -4px #80808099;
    flex-direction: column;
    align-items: center;
}








.text-category{
	position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: fit-content;
    display: flex;
    top: 6rem;
    background-color: #fff;
    z-index: 2;
    pointer-events: none;
}

/*.text-category::before{*/
/*    display: none;*/
/*}*/

/*@media(max-width: 1531px){
    .text-category{
        pointer-events: all;
		max-width:100%;
		min-width:90vw;
		width:100%;
    }

    /*.text-category::before{*/
    /*    display: block;*/
    /*}*/
/*}*/

.dialog{
	border-radius:10px;
}
.email-input{
    width:100%;
}

.approved-row {
    background-color: #dbf5db;
}

.pending-row {
    background-color: #ffffe0;
}

.rejected-row {
    background-color: #ffadad;
}

.introtext{
	display: flex;
    flex-direction: row;
    gap: 8rem;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-around;
}

.dialog-buttons > button{
	width:100%;
	font-size:20px !important;
	background-color:#3e6faa !important;
	text-align:center;
	max-width:100%;
	margin:0 !important;
	border-radius:10px !important;
	padding:0.5rem;
	border-color:transparent;
}

.error-hidden{
	display:none;
}

.error-visible{
	display:block;
	color:red;
	font-size:11px;
	margin-top:0;
}

#close-smoke{
	margin-top: 0;
    position: relative;
    bottom: 0.5rem;
    left: 0.5rem;
    cursor: pointer;
}


.button-confirm{
    width: 50%;
    text-align: center;
}

.intro-p{
    text-align: center;
    margin: 0;
}

.button-confirm p{
    background-color: #3e6faa;
    padding: 0.5rem 2rem;
    color: #ffffff;
    border-radius: 30px;
    width: fit-content;
    margin: 0 auto;

}

.label-email{
    width: 50%;
    text-align: right;
    display: flex;
    padding-right: 2rem;
    justify-content: flex-end;
    align-items: flex-end;
}

.email{
    margin: 0 auto 0 auto;
    /* box-shadow: 0 8px 10px 0px #80808099; */
    padding: 2.6rem;
    border-radius: 30px;
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.email .row-candidatos .candidatos .group-card{
    width: 100%;
}

.email .row-candidatos .candidatos{
    
}

.email .row-candidatos{
    align-items: center;
    width: 100%;
    margin-top: 0;
}

.email .row-candidatos .text-category{
    height:auto;
}


.row-candidatos{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
	padding-left:0;
}



#tm-main-votaciones .responsiveMobile{
    background-color: red !important;
}

#msg-avisoLegal{
	color:red;
}


.submit-votaciones{
    display:flex;
    justify-content: center;
    
}
.aviso{
    width: fit-content;
    margin: auto;
    border: 1px solid red;
    border-radius: 7px;
    padding: 1.5rem;
    box-shadow: 0 8px 20px -4px #80808099;
}
.cleanRadioButton:hover{
    cursor:pointer;
}

.email-error{
    color:red;
    margin-bottom: 5rem;
    text-align: center;
    margin-top: 0;
}

.warning-votaciones{
    display: flex;
    flex-direction: row;
    border: 1px solid red;
    /* justify-content: center; */
    width: fit-content;
    margin:0 auto;
    padding: 1rem;
    border-radius: 10px;
}

.email-correct{
    color:green;
    margin-bottom: 5rem;
    text-align: center;
    margin-top: 0;
}

.confirmEmail:hover{
    cursor:pointer;
}

.text-category img{
	max-width: 300px;
}

.container-group{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    list-style: none;
    flex-direction: column;
    gap: 1rem;
}

.clean{
    background-color: #0B004C;
    margin-left: auto;
    padding: 0.6rem;
    color: #ffffff;
    z-index: 3;
    border-radius: 30px;
    margin-bottom: 1rem;
}
p.cleanRadioButton{
    margin: 0;
}

@media(max-width:1300px){
    .candidatos{
        max-height: 100%;
    }
    .container-group{
        flex-direction: column;
    }
    .border-candidatos{
        display:none;
    }
    .border-group{
        border: 2px solid #c5c5c559;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 2rem;
        padding-top: 4rem;
    }
    .container{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .submit-votaciones{
        margin-top: 2rem;
    }
    .warning-votaciones{
        align-items: center;
    }
    .warning-votaciones img{
        height: 30px;
    }
    .row-candidatos{
        flex-direction: column;
    }
    .email{
        padding: 2.6rem 0;
    }
    .label-email{
        width: 100%;
        text-align: center;
        justify-content: center;
        margin: 1rem 0;
        padding-right: 0;
    }
    .email-input{
        margin: 1rem 0;
    }
    .button-confirm{
        margin: 1rem 0;
    }
	.pruebaCerrada::before{
		content:"+" !important;
		width: 1.4em !important;
		height: 1.4em !important;
		margin-left: 10px !important;
		float: right !important;
	}
	.pruebaAbierta::before{
		content:"-" !important;
		width: 1.4em !important;
		height: 1.4em !important;
		margin-left: 10px !important;
		float: right !important;
	}
	
}

@media(min-width:1300px) and (max-width:1530px){
    .candidatos{
        max-height: 100%;
    }
    .container-group{
        flex-direction: column;
    }
    .border-candidatos{
        display:none;
    }
    .border-group{
        border: 2px solid #c5c5c559;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 2rem;
        padding-top: 4rem;
    }
    .container{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .submit-votaciones{
        margin-top: 2rem;
    }
    .warning-votaciones{
        align-items: center;
    }
    .warning-votaciones img{
        height: 30px;
    }
    .row-candidatos{
        flex-direction: column;
    }
    .email{
        padding: 2.6rem 0;
    }
    .label-email{
        width: 100%;
        text-align: center;
        justify-content: center;
        margin: 1rem 0;
        padding-right: 0;
    }
    .email-input{
        margin: 1rem 0;
    }
    .button-confirm{
        margin: 1rem 0;
    }
	.pruebaCerrada::before{
		content:"+" !important;
		width: 1.4em !important;
		height: 1.4em !important;
		margin-left: 10px !important;
		float: right !important;
	}
	.pruebaAbierta::before{
		content:"-" !important;
		width: 1.4em !important;
		height: 1.4em !important;
		margin-left: 10px !important;
		float: right !important;
	}
	
}
.group-card img{
	max-width: 19rem;
	background-color:#fff;
	width: 50%;
}
.text h3, .text p{
	max-width: 264px;
}
a.link-image{
	    width: 100%;
    display: flex;
    justify-content: center;
}
.h2-premios{
	color: #0B004C;
    font-size: 1.5rem;
    text-align: center;
    border-bottom: 3px solid orange;
    width: fit-content;
    margin-right: auto;
    margin-bottom: 3rem;
}
.condiciones > a.manual{
	
    background-color: #FCE2AD;
    color: #f2a533;
    font-weight: 800;
    font-size: 20px;
    padding: 7px;
    width: 100%;
    border-radius: 5px;
    border: 3px solid #fce2ad;
}
a.manual:hover{
	text-decoration:underline;
}