body {
   font-family: 'Open Sans',Arial;
}

.main
{
 padding:10px;
}

.long-select
{
  width:300px;
  min-width:300px;
  max-width:300px;
}

.long-select select
{
  display:none!important;
}

.datepickergroup
{
  margin-bottom: 0px!important;
}

.datepickerelement
{
  width:180px;
  min-width:180px;
  max-width:180px;
}

.main-nav
{
  background-color:white;
  opacity:100%;
}

.main-numbers
{
  font-weight:bold;
}

td
{
  font-size:14px;
  padding:3px!important;
  text-align:center;
  vertical-align: middle!important;
  font-weight:bold;
  
}

.th-small
{
  font-size:12px;
}

.top-row
{
  margin-top:30px;
}


.sub-row
{
  margin-top:20px;
}

th
{
  font-size:14px;
  padding:3px!important;
  text-align:center;
  vertical-align: middle!important;
  font-weight:bold;
}

.number-col
{
 width:40px;
}

.header-title
{
  font-weight:bold;
}

.count-col
{
 width:50%;
}

.user-col
{
 width:60px;
} 

.perc-col
{
 width:60px;
} 

.name-col
{
 text-align:left;
 font-weight:normal;
} 

.th-td-left-border
{
  border-left: 1px solid #aaaaaa!important;
}

.number
{
  background: orange;
  border-radius: 50%;
  color: white;
  font-size:20px;
  font-weight:bold;
  width:32px;
  height:32px;
  padding-top:1px;
}

.button-orange
{
  background-color:orange;
  color:white;
  padding:3px;
  font-size:12px;
  text-align:center;
  padding-left:15px;
  padding-right:15px;
}

#login-response2
{
 color:red;
 font-size:10px;
}

.flag
{
  border-radius: 50%;
  margin-top:-5px;
  margin-left:-15px;
  width:18px;
  height:18px;
}

.user
{
  border-radius: 50%;
  width:32px;
  height:32px;
  margin-top:5px;
}

.user-team
{
  border-radius: 50%;
  width:46px;
  height:46px;
  margin-top:5px;
}

.fill-image {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url('../images/test.jpg');
    width:32px;
    height:32px;
    display:inline-block;
}


.fill-image-team {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url('../images/test.jpg');
    width:46px;
    height:46px;
    display:inline-block;
}


.edit
{
  font-size:9px;
  text-decoration:underline;
}

.edit:hover
{
 cursor: pointer;
}

.img-box
{
  border: 1px solid #aaaaaa; 
}

.product
{
  width:48px!important;
  height:auto!important;
}

.login:hover
{
 cursor: pointer;
}

.teams-col
{
  padding:7px!important;
}

.teams-col-name
{
  text-align:left;
}

.teamname_small
{
  font-size:10px;
  margin-top:0px;
  font-weight:bold;
}





.kranz
{
  z-index:777;
  margin-left:-40px;
  /*margin-top:-67px;*/
  position: absolute;
  margin-top:-5px;
}

.name-kranz
{
  padding-bottom: 20px!important;
}

.flag-kranz
{
  border-radius: 50%;
  /*margin-top:-37px;*/
  margin-left:2px;
  width:18px;
  height:18px;
  z-index:800;
}

.ommlogo
{
   border-radius: 50%;
   width:84px;
   height:auto;
}

.number-kranz
{
  /*margin-top: -20px;*/
}

.rank
{
 display:inline-block;
 margin-top: -15px
}