/*
#B40404 --> el rojo
#F6E3CE --> el background principal
#F5D0A9 --> el carne
#FF4000 --> el rosa naranja
#610B0B --> rojo oscuro (boton pulsado)

*/

html {
	
	background-color: #f2e6d9; 

}

#csorteoselecttopbar {
	position: fixed;
	display: none;
}

#csorteonumselected {
	color: #F5D0A9;
	margin-left: 35px;
	font-size: x-large;
}

.csorteoeditthings {
	  	/*padding-top: 3.1em;*/
	  	margin: 8px 6px 137px 6px;
}

#bolsa {
	margin: 0;
}

table#bag {	
	margin:0;
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: fixed;
	border-top: 2px solid #610B0B;
}

#tdaddcandidate {
	padding-left: 10px;
	opacity: 0.8;
	font-size: larger;

}

.csorteofila {
 	/*background-image: url(../images/fondo2.png);
	background-repeat: repeat;*/
  	border-bottom: thin solid #610B0B;
  	height: 3.5em;
  	  background-image: linear-gradient(#B17461, #B17461);
    background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-color: #f1dac2;
  transition: background-size .2s;
}

.csorteofilaclick {
  background-size: 100% 100%;
}

.csorteofilaselected {
  background-size: 100% 100%;
}

.tdgroup, .baglasttraddicon {
	width:2.5em;

}

.tdgroup svg, .tdgroup img{
	width: 100%;
	vertical-align: middle;

}

.tdbag {
	width: auto;
	padding-left: 7px;
}

.baglasttr {
	margin-top: 1em;
	  	/*border-bottom: thin solid #610B0B;*/
  	height: 3.5em;
  background-color: #f1dac2;
}

.baglasttraddicon img {
	vertical-align: middle;
	width: 1.8em;
	margin-left: 7px;
}


.tdresult {
	min-width: 5em;
	text-align: center;
	padding-top: 12px;
}


.marcaerror {
	background-image: url(../images/error.svg)  ;/* no-repeat right 30% center;*/
    	background-repeat: no-repeat;
	background-position: 95%;
	background-size: 1.4em;
}

.marcaerrorinput {
	border-color: #a70303 !important;
	background-image: url(../images/error.svg)  ;/* no-repeat right 30% center;*/
  background-repeat: no-repeat;
	background-position: 95%;
	background-size: 1.1em;
}

.marcaerrordate {
	border-color: #a70303;
}

.tdaspa {	
	width: 0;
}

#nusersimg {
	width: 35px;
	float: right;
	margin: 0px 10px 6px 0px;
}

#namesnumbertext {
	float: right;
	margin: 6px 8px 0px 0px;
}


/*  Help   dialog   */

.csorteohelp1img {
	background-color: darksalmon;
	height: 30px;
	border: thin solid #610B0B;
	display: inline-block;
	color: black;
	padding: 8px;
	margin-top: 2px;
}
.csorteohelp1img img {
	width: 31px;
	margin-right: 12px;
	float: left;
}
.csorteohelp1img span {
	font-size: 25px;
}

.addgroupinhelp svg {
	width: 45px;
	margin-top: 3px;
	float: left;
}
#addgroupinhelp3 svg {
	width: 45px;
	margin-top: 3px;
}
.addgrouparrow {
	width: 32px;
	margin: 12px 5px 0px 5px;
	float: left;
}




/*  Confirm   dialog   */

.confirmdialogdiv {
	/*width: 480px;*/
	margin: 8% 0.5em 0em 0.5em; 
	position: relative;
	/*margin: 8% auto;*/
	padding: 0px 0px 13px 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-style: solid;
	border-color: #B40404;
	background: #fff;
	background: -moz-linear-gradient(#fff, #F5D0A9);
	background: -webkit-linear-gradient(#fff, #F5D0A9);
	background: -o-linear-gradient(#fff, #F5D0A9);
	text-align: center;
}

.confirmdialogdiv img {
	height: 5em;
	cursor: pointer;
}


/*  media queries  */  

/*@media screen and (max-width: 700px) and (min-width: 500px) {

	#tokenurl {
		max-width: 95%;
	}

}*/

@media screen and (max-width: 500px) {		/* menos de 500 */

}

@media screen and (max-width: 400px) {		/* menos de 400 */


}