.sportRelativ  { position:relative; width:100%; margin-left:3px; }
.sportCont, .srcSportList    { width:400px; height:auto; position:relative; }

 

.sportCont {  display:flex;   flex-wrap: wrap;    align-items:flex-start;    align-items:flex-start;      
        margin:0 3px 0 0; padding:3px;
        width:380px;
        background: #c8c8c8;
        border-radius: 5px;
        border: 1px solid #eeeeee;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);   
  	
}

#srcSportList {  width:97%; border-radius: 5px; }
#sportCont { /*height:32px;*/ min-height:32px; overflow-x: hidden; overflow-y: hidden;}

#dotSport {text-align:right; position:absolute; top:0; right:0; cursor:pointer;z-index:100; display:none;}
#spnContSport { width:98%; }

.inpSport  { 
        width:300px; 
        background: #c8c8c8; border:0px; 
        color: #000;
		font-size: 12pt; 
        padding: 4px;		
}

 
 

.inpSrcSm {  margin-right:3px; 
        background: #c8c8c8;
        border-radius: 5px;
        border: 1px solid #eeeeee;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); 
		height: 31px;
		-moz-appearance: textfield;
		 }
		 
.inpSport:focus, .inpSrcSm:focus{
    outline: none;
}

 






 #spnContSport { width:100%; cursor:pointer;  }
 
.spSelSport { 
   display:inline-block; background-color:#5e6264; 
   padding:3px; margin:2px;
   border-radius: 4px;
   border: 1px solid #5e6264;
   color:#FFF;
   font-size:10pt;
    
 }
.spSelSport img { margin-left:3px; cursor:pointer; vertical-align:middle }
.spFirst { background-color:transparent; padding:0; margin:0; border:0px; display:none}

.btnArrowList { position:absolute;  right:3px; top:8px; cursor:pointer;  }

.srcSportList { 
    display:none; position: absolute;  
	 
	  background-color: #efefef;        
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	   border-left:#ccc 1px solid;  
	    border-right:#ccc 1px solid;  
		 border-bottom:#ccc 1px solid;   
}

.srcSportList{ z-index:100;}


         .sportCont  { z-index:6;  }
		
		 .dvSrcCode { z-index:2;  }
		 
 

#scrlSportDv  {  height:240px; overflow-y: scroll; padding:5px; }
 
.sItem {     
   display:block; padding:7px 20px 7px 5px;  background-image:url(img/icon_check_off.png); background-position: 98% center; background-repeat:no-repeat;
   cursor:pointer; color:#000; font-size:10.5pt; 	
} 
a.sItem:link
a.sItem:visited
a.sItem:active
a.sItem:hover  {   color:#000; }
 

.itemSel { color:#249d68; background-image: url(img/icon_check_on.png);}

 
.hovered  {
     background-color:#ddd; color:#000;
}
 
 
 
#openListSport { 
   position:absolute;
   bottom:3px;
   display:none; padding:6px; background-color:#a0a0a0; border-radius:5px; cursor:pointer; color:#FFF; width:98%;  box-sizing: border-box;
   font-size:10pt;
}

.selAreaNext { background-color:#efefef; }

.btnCont { position:relative; text-align:right; z-index:1;   }

/*
.srcBtn {  
text-align: center; color: #FFFFFF ; font-size: 12px; letter-spacing: 1.2px;
background-color: #757575;  
border-radius: 5px; border: none;    height: 36px;  width:220px;
box-sizing: border-box; 
cursor: pointer;  
}
.srcBtn:first-child { margin-right:2px}
.srcBtn:hover { background-color: #757575; color:#000000 !important; font-weight:bold;}
*/

.srcfrmtitlenew {  margin-bottom: 8px; color: #EEEEEE;   font-size: 13px }
.srcfrmtitlenew > * {  vertical-align:middle; margin-right:5px }



  
 
  
 
 
/* Lista Sports   */
#dvSportOverlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.6); /* Black background with opacity */
  z-index: 200000; /* Specify a stack order in case you're using a different order for other elements */ 
}


#sldSportCont, .insSportOverlay {  height:400px; }

.insSportOverlay {
	 width:380px;   border:#36C 1px solid; 
	 position: absolute; 
	 top: calc(50% - 200px);
     left: calc(50% - 220px);
	 font-size:10.5pt;
   box-sizing: border-box;
}
 
 #sldSportCont{  
  position:relative;
  overflow-y:scroll;
  margin:0 auto;
  background:#efefef;
  width:100%; 
  
  padding:10px;
   box-sizing: border-box;
}

 
.glnk, .glnkNoArrow { display:block; cursor:pointer; padding:5px;} 
.glnk {  background-image:url(img/icon_arrow_right.png); background-position: right; background-repeat:no-repeat;}
.gLnkArrowSel { background-color:#dddddd;  color:rgb(36, 157, 104);}

a.glnk:hover, .glnkNoArrow:hover { background-color:#dddddd; border-radius:3px;}

.flxGHead { display:flex;justify-content: space-between; margin-bottom:10px; border-bottom:#ccc 1px solid; padding-bottom:5px; }
.gLnkArrow {  margin:5px 0 5px 5px; }

 

.gLnkBackArrow { background-image:url(img/icon_arrow_leftdark.png); background-position: left; background-repeat:no-repeat; padding-left:20px; }

 .btnCloseList {   background-color:transparent; border:none; 
	 background-image:url(img/icon_closedark.png); background-position: right; background-repeat:no-repeat;  
	 font-size:11pt; padding:2px 20px 2px 10px;
	 cursor:pointer;
 }
 
 .btnSelectAll {   background-color:#c8c8c8; border:none; 	  
	 font-size:11pt; color:#FFF;
	 padding:10px 22px; margin:10px 0;
	 cursor:pointer;
	 border-radius:5px;
 }
 
 .dvBtClos { text-align:right; margin:5px; }