/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 1, 2021, 6:12:15 PM
    Author     : kavan
*/

.livescorer_bw{
    background:url(../media/favicons/favicon_bw-192x192.png); 
    display: inline-flex;
    background-repeat: no-repeat;
  background-size: contain;
}

.hw_40{
    height: 40px !important;
    width: 40px !important;
}

.umpire{
    background-image:url(../media/avatars/avatar-umpire.png);    
}
.third-umpire{
    background-image:url(../media/avatars/avatar-tv.png);
}
.fourth-official{
    background-image:url(../media/avatars/avatar-official.png);    
}
.referee{
    background-image:url(../media/avatars/avatar-referee.png);
}
.scorer{
    background-image:url(../media/avatars/avatar-scorer.png);    
}
.groundsman{
    background-image:url(../media/avatars/avatar-groundsman.png);
}

.admin-user{
    background-image:url(../media/avatars/avatar-admin.png);
}

.matchofficial-selector input{
    margin:0;padding:0;
    text-align: end;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.matchofficial-selector input:active +.card-matchofficial{opacity: .9;}
.matchofficial-selector input:checked +.card-matchofficial{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;            
}
.card-matchofficial{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:48px;height:48px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.card-matchofficial:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

.active-matchofficial{
    opacity: .9;
    -webkit-filter: none;
       -moz-filter: none;
            filter: none; 
}

.inactive-matchofficial{
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}

.matchofficial-role {
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
 
.matchofficial-role + label
{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:48px;height:48px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.matchofficial-role:checked + label
{
    opacity: .9;
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;   
}

.matchofficial-role:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/*collapseble button BEGIN*/
.collapse-button {
  display: none;
}

.collapse-button + label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 5px;
}

.collapse-button + label:before {
  background-color: #EAEAEA;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #4F5150;
  content: "\2212";
  display: block;
  float: left;
  font-weight: bold;  
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}

.mw-250{
    min-width: 250px !important;
    width: 250px !important;
}

.collapse-button:checked + label:before {
  content: "+";
}

.contact-group{
    padding: 0 15px !important;
    box-shadow: none !important;
}

.flex-inline-block{
    -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
  display: inline-block !important;
}

.canvas-50{
    -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
  display: inline-block !important;
}

.canvas-25{
    -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
  display: inline-block !important;
}

.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.inherit-background{
    background-color: inherit !important
}