.evento {  padding: 20px 10px; border-top: 1px solid #444; font-style: italic; position: relative; }
.evento:hover { background-color: #111; }
.evento_col1 { display: inline-block; border-radius: 60px; vertical-align: top; margin-left: 10px;
 background-color: #444;	width: 80px; height: 80px; background-position: center; background-size: 110%;
 background-position: 70% 70%;  }
.evento_col2 { display: inline-block; width: calc(100% - 340px);  vertical-align: top; margin-left: 14px;}

#eventosbox h2 { display: inline-block; }
#eventall { float: right; margin-right: 90px; margin-top: 20px; font-weight: 100; font-style: italic; color: #dbb918; cursor: pointer; display: none;
 }

.evento_line1 { font-size: 20px; font-weight: bold; line-height: 1em; display: block; margin-bottom: 0px; padding-bottom: 3px; }
.evento_line2 { font-size: 16px; line-height: 1.2em; }
.evento_desc { font-size: 14px; opacity: 0.6; line-height: 1em; }

.evento a { color:#dbb918; text-decoration: none; font-style: normal; }
.evento a:hover { color:#fff; text-decoration: underline; font-style: normal; }

/* calendar */
.calendar { font-size:11px; }
.calday { width:14.2%; height:29px; display:block; float:left; text-align:center; padding-top:10px; cursor:pointer; border-bottom:1px dotted #999; }
.othermonth1 { background-color:#333; opacity: 0.6; }
.othermonth2 { background-color:#666; color:#fff; }
.othermonth3 { background-color:#555; color:#fff; } 
.othermonth4 { background-color:#dbb918; color:#000; } 
.othermonth0 { background-color:transparent; }
.calday:hover { background-color:#666; color:#fff}

.botbox{position:absolute;width:25px;height:25px;display:block;cursor:pointer;opacity:1; opacity: 0.6}
.botbox:hover{opacity:1;  filter:alpha(opacity=100);}

.boxnext{position:absolute;top:12px;right:16px;background-image:url(images/icon_next.png);}
.boxprev{position:absolute;top:12px;left:16px;background-image:url(images/icon_prev.png);}

.calbar { height: 45px; }
.calbar h2 { padding: 13px; font-size: 17px; font-weight: normal; background-color: #000; text-align: center; }

.event_confirmbots { position: absolute; width: 200px; right:110px; 
     top: 50%; transform: translateX(50%) translateY(-50%);  }
.event_confirmbot { padding: 8px 10px; border-radius: 5px; margin-top: 10px; text-decoration: none !important;
     display: inline-block; margin-left: 4px; cursor: pointer;  }

.confirm0 .event_confirmbot { background-color: #dbb918 !important; color: #000 !important; }
.confirm1 .event_confirmbot { background-color: #666; }
.eventconfirm { background-color: #dbb918 !important; color: #000 !important; text-decoration: none;}

/*leader equipos*/

.teamline { position: relative; padding: 9px; border-top: 1px solid #000; font-size: 17px; line-height: 1em; }
.teamcol { float: left; }
.teamfoto { width: 60px; height: 60px; background-size: cover; border-radius: 60px; border: 0px solid #000;
     margin-left: 10px;
 }
.teamname { margin-left: 4px; padding: 20px 0px 0px 10px; font-weight: bold; }
.teampuntos { margin-right: 20px; padding: 20px 0px 0px 10px; float:right; }

.maxbot { display: none !important; }
.helpbot { right: 46px; }

.evtallbot { width: 100%; text-align: center; cursor: pointer; padding: 10px 0px; font-weight: bold; font-style: normal; }
.evtallbot:hover { background-color: #111; } 

#discordbox { font-size: 12px; font-style: italic; padding: 10px 0px; }

.db1 { display: inline-block; width: 30%; vertical-align: middle; margin: 30px; }
.db1 img { width: 100%; }
.db2 { display: inline-block; width: 32%; vertical-align: middle; color:#fff; margin: 10px; line-height: 1.3em;}
.db3 { display: inline-block; width: 20%; vertical-align: middle; margin: 20px;}

#discordbox .eventconfirm { background-color: #fff !important; padding: 10px 15px; font-size: 16px; font-style: normal;
font-weight: bold; }


#newevform { width: 450px;  display: none; left:50%; top:50%; transform: translateX(-50%) translateY(-50%);
     overflow: visible;
 }
#newevform {   }
#newevform_form { width: 100%; padding: 0px; margin:0px; }
#newevform_form input, #newevform_form textarea { 
     font-family: 'Open Sans', sans-serif;
     font-size: 15px; padding: 8px 2%; width: 96%; 
     float: left; border-radius: 0px; background-color: #eee;
     border: 0px; resize: none;
     }
.calinput { background-image: url(images/calendar.svg); background-size: 30px; background-position: 99% center;
     background-repeat: no-repeat;
 }
 .evinputcol { float: left; width: 49%; margin-right: 1%; }
 .evinputcol input { padding: 8px 4% !important; width: 92% !important; }

.inputGroup2 { width: 100%; margin-bottom: 4px; }
.inputGroupLabel2 { 
     font-family: 'Open Sans', sans-serif; font-style: normal;
     width: 75%; border-radius: 0px; color: #000; padding-left: 5px; 
     padding: 8px 2%; font-weight: normal; float: left;
     background-color: #fff; color: #000; padding-left: 0px;
     text-align: left; 
      }
.inputGroupLabel2 small {opacity: 0.6; margin-top: 6px; }


.botonhover { border-left: 0px solid #000; }

#newevform .boton { background-color: #fff; color:#000 }
#newevform .boton:hover { background-color: #dbb918; color:#000 }

.evresp { text-align: center; padding: 20px 0px; }
.evresp strong { font-size: 1.2em; }