/*#27313b dark blue */
/*#ec4646 red */
/*#3a97d4 light blue */
/*#04bd00 green */

.row {
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0px;
    margin-right: 5px;
}
.sidebar{
    margin-top: 75px;
    left: 0;
}
.navbar{
    padding: 10px;
}

.navbar-nav {
    margin-top: 5px;
}
.navbar-inverse .navbar-nav>li>a {
    color: white;
}

.navbar-inverse {
    border-color: transparent;
}
.navbar-nav > li > a.active, .navbar-nav > li > a:hover {
    color: #27313b!important;
    background-color: white!important;
}

.navbar-right {
    position:absolute;
    /*top: 25px;*/
    right:40px;
}
.filter{
    border: none;
    display: block;
    width: 100%;
    z-index: 999999;
    padding-left: 5px;
}
.navbar, .sidebar, #wrapper{
    background-color: #27313b;
}
.sidebar a, .navbar-right a{
    color: #fff;   
    font-size: 15px;
}
.list-group-item{
    height: 55px;
}
.sidebar ul li a.active{
    background-color: #fff;
    border-right: none;
    color: #434A54;
}
.sidebar li:hover a{
    color: #434A54;
}

.sidebar ul li .fa{
    padding-right: 10px;
}
table i.fa{
    padding: 0px 4px;
    cursor: pointer;
}
#logo{
    height: 50px;
    padding: 5px 0px 0px 10px;
}

#page-wrapper{
    border-left: none;
    min-height: 700px!important;
}

 
.ui-autocomplete{
    border: none;
    background-color: transparent;
    position: absolute;
    display: none;
}




/* DEMO 5 */

small{
    line-height: 0.9;
    font-size: 11px;
}

.center{
    text-align: center;
}
.ui-timepicker-trigger, .ui-datepicker-trigger{
    display: none;
}

.scrollToTop {
    width:40px;
    height:40px;
    text-align:center;
    font-weight:700;
    color:#444;
    text-decoration:none;
    position:fixed;
    top:90%;
    right:1%;
    display:none;
    background:transparent url(../index_files/up-arrow.png) no-repeat;
    z-index:100000;
    border:none;
}



.playerbtn {
    
    border-radius: 4px;
    background: white;
    color: #4cbeff;
    font-size: 17px;    
    border: 0px;
    outline: none;
    cursor: pointer;      
}



.tablewrapper div h3, .tablewrapper div p {
    font-style: italic;
}
.tablewrapper div h3
{
    color:#4cbeff;
    
}
.tablewrapper div p .forminput {
    border-radius: 4px; 
    padding: 8px; 
    border: 1px solid #4cbeff;
    outline:none;
}



.bluespan {
    color: #3a97d4;
}

p.alert-danger{

}
.alert-danger{
    text-align: center;
    margin-top: 30px;
}

h2.hirlevel  {
    padding-top: 5px;
    text-align: center;   
}

textarea{
    resize: none;
}


.green{
    background-color: #4d944c;
    color: #fff;
}


.table{
    display: table;
    width: 100%;
}
.table .col{
    display: table-cell;
    vertical-align: top;
}
.col.fifty{
    width: 50%;
}



.left{
    text-align: left;
}
.right{
    text-align: right;
}
.table .col .profil{
    width: 80px;
    height: 80px;
    border: 2px solid #ccc;
    margin: 0px 20px 0px 0px;
    float: left;
}
.middle{vertical-align: middle;}



.tableshort {
    width:50%;
}

.inline {
    display: inline;
}

.img-circle {
    width: 60px;
    height: 60px;
    border-radius: 35px;
    margin: 0px 0px 0px 0px;
}




.infoikon {
    background-color: #337ab7;
    border-radius: 10px;
    color: white;
    padding: 4px 0px 0px 7px !important;
    cursor: pointer;
    width: 20px;
    height: 20px;
}


.form-control {
    color: #565353;
}
.form-control[readonly] {
    background-color: #fff;
}
.form-control[disabled] {
    background-color: #eee;
}




.maincategorybox {
    padding: 30px;
    border-radius: 4px;
    background: #3a97d4;
    color: white;
    font-weight: 700;
    margin-bottom: 20px;
    cursor: pointer;
    border: 1px solid #3a97d4;
  
}

.maincategorybox:hover {
    color: #3a97d4;
    background: white;  
}

.maincategorybox2 {
    padding: 30px;
    border-radius: 4px;
    background: white;
    color: #3a97d4;
    font-weight: 700;
    margin-bottom: 20px;
    cursor: pointer;
    border: 1px solid #3a97d4;
  
}
.maincategorybox2:hover {
    color: white;
    background: #3a97d4;  
}

.tiphint {
    padding: 15px;
    color: #27313b;
    font-weight: 700;
}

.ot-checkbox {
    transform: scale(2);
    margin: 10px!important;
}

h4{
    color: steelblue;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
}
.clear {
    clear: both;
}


*{
    outline: none!important;

}

.center {
    text-align: center;
}

.clear {
    clear: both;
}


.ot-checkbox {
    transform: scale(2);
    margin: 10px;
}



.orange {   
    color: orangered;
    font-size: 12px;
}

.orangebgr{
    background-color: orangered;
    color: #fff;
}


.regtable {
    margin-bottom: 15px;
    
}
.regtable th, .regtable td {
    font-size: 12px!important;
}

.pointer {
    cursor: pointer;
}

.box-item {
    z-index: 1000;
    font-size: 15px;
    color: #5a5a5a;
}

.playernamebox {
/*    max-height: 50px;
    max-width: 300px;
    display: inline-block;*/
}



.player-icon {
    border-radius: 4px!important;
    padding: 1px!important;
    font-size: 15px!important;
    margin: 2px;
}
.clone-player {
    color: #0b55c4;
}
.delete-player, .deleteaddedgroup, .deleteaddedtable {
    color: red;
}

.deleteaddedgroup, .deleteaddedtable {
    font-size: 18px!important;
    cursor: pointer;
}

.vertical-top {
    vertical-align: top;
}
.vertical-middle {
    vertical-align: middle;
}

.main-section-line{
    color: white;
    background: linear-gradient(110deg, #4999d6 0%, #4999d691 100%);
    padding: 10px;
}

.box-container {
    min-height: 100px;
    border-radius: 4px!important;
    padding: 10px!important;
    /*border: 1px solid silver;*/
    font-size: 15px!important;
    margin: 5px;
}
.player-container {
    height: 200px;
    border-radius: 4px!important;
    padding: 10px!important;
    border: 1px solid silver;
    font-size: 15px!important;
    margin: 5px;
    overflow: auto;
}
    
    


#competition_admin_menu, #addedplayers_to_competition, #competitiontype_default_status, #global_gameschedule,
#competition_type_matches,#courts_schedule_div,#global_matches_div {
    display: none;
}

.width80px {
    width: 80px;
}

.addedgroup, .addedtable{
/*    padding-left: 0px;
    padding-right: 0px;*/
}

.addedgroup label, .addedtable label {
    margin-left: 4px;
}


#tables_and_groups_block {
  height: 450px;
  overflow: auto;
}

#competition_types {
    width:95%;
    padding: 5px;
    height: 130px;
}

.tableplayerbox-paros {
    border: 1px solid #ccc;
    padding: 5px;
    max-width: 180px;
    margin-bottom: 10px;
}
.tableplayerbox-ptlan {
    border: 1px solid #ccc;
    padding: 5px;
    max-width: 180px;
}

.nodrawgrouptable .table-player-place {
    min-height: 35px;
}
.table-player-place {
    width: 170px;
    border: 1px solid #ccc;
    position:relative;
}

.table-player-place .playernamebox {
    width: 170px!important;
    height: 70px!important;
}

.table-score-place {
    text-align: center;
    color:#189c2e;
    border-right: 0px;
}

#competition_double_menu {
    display: none;
}

.plusbtn {
    margin-left: 15px;
    border: 1px solid #2aa02a;
    border-radius: 20px;
    padding: 2px;
    color: white;
    background: #2aa02a;
    cursor: pointer;
}

.plusbtn:hover {
    color: #2aa02a;
    background: white;
}

.larger {
    font-size: 30px!important;
    padding: 20px;
}
.doublelabel {
    border: 1px solid #ccc;
    min-width: 250px;
    height: 30px;
    display: inline-block;
}


.tablecelldisplay {
    display: table-cell;
}

.griddisplay {
    display: grid;
}

#page-wrapper {   
    margin: 0 0 0 0px;
    padding: 0px;
    padding-top: 10px;
 }
 
 .mainmenu {
     max-width: 600px!important;
     background: transparent!important;
 }
.mainmenu a {
    color: white;                
}
.mainmenu a:hover {
    color:#27313b;

}


/*.nav>li {
    display: table-cell!important;
 }*/
 
 .final_addedplayer,.final_addedplayer label, .final_addedplayer span  {
     font-size: 16px;
 }
 .robi {
     display: none;
 }
 
 #competition_matches {
    height: 460px;
    overflow: auto;
 }
#competition_matches .comptype_match {
    padding: 5px 2px 5px 2px;
    font-size: 16px;
    cursor: pointer; 
    display: block;

 }
 
 #global_matches {
     min-height: 100px;
     max-height: 450px;
     overflow-y: auto;
 }
 
 
#global_matches .comptype_match {
    padding: 10px 0px 10px 0px;
    font-size: 16px; 
 }
 #global_matches .comptype_match:hover, #competition_matches .comptype_match:hover {
    background: #c9c9c9;
    color: white;
 }
 #global_matches label, #global_matches button {
     margin-left: 5px;
 }
 
 #global_matches .fa-trash {
     font-size: 20px;
 }
 
 #global_matches .playersname {
     width: 300px;
     color: #ec4646;
     word-wrap: break-word;
     vertical-align: middle;
 }
 .playersname {
     width: 220px;
 }
 .comptypenameclass {
     width: 220px;
 }
 
#loading{
	background-color: black;
        opacity: 0.6;
	height: 100%;
	width: 100%;
	/*position: absolute;*/
        position: fixed;
	z-index: 1000000000;
	margin-top: 0px;
	top: 0px;
        display: none;
        left: 0;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
    -moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;

}
.object{
	width: 20px;
	height: 20px;
	background-color: #FFF;
	position: absolute;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-webkit-animation: animate 0.8s infinite;
	animation: animate 0.8s infinite;
	}


#object_one {
	top: 19px;
	left: 19px;	

	}
#object_two {
	top: 0px;
	left: 65px; 
	-webkit-animation-delay: 0.1s; 
    animation-delay: 0.1s;

	}
#object_three {
	top: 19px;
	left: 111px; 	
	-webkit-animation-delay: 0.2s; 
    animation-delay: 0.2s; 

	}
#object_four {
	top: 65px;
	left: 130px; 
	-webkit-animation-delay: 0.3s; 
    animation-delay: 0.3s; 
}
#object_five {
	top: 111px;
	left: 111px; 
	-webkit-animation-delay: 0.4s; 
    animation-delay: 0.4s; 
}
#object_six {
	top: 130px;
	left: 65px;
	-webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s; 
}
#object_seven {
	top: 111px;
	left: 19px;
	-webkit-animation-delay: 0.6s; 
    animation-delay: 0.6s; 
}
#object_eight {
	top: 65px;
	left: 0px;
	 -webkit-animation-delay: 0.7s; 
    animation-delay: 0.7s; 
}
#object_main {
    top: -25px;
    left:  17px;
    position: absolute;
    color: white;
    font-size: 22px;
    width: 300px;
}

#object_main_text {
    top: 70px;
    left: 55px;
    position: absolute;
    color: white;
    font-size: 25px;
}
#object_main_text2 {
    top: 85px;
    left: 50px;
    position: absolute;
    color: white;
    font-size: 25px;
}



@-webkit-keyframes animate {
 
  25% {
	-ms-transform: scale(1.5); 
   	-webkit-transform: scale(1.5);   
    transform: scale(1.5);  
	  }


  75% {
	-ms-transform: scale(0); 
   	-webkit-transform: scale(0);  
    transform: scale(0);  
	  }


}

@keyframes animate {
  50% {
	-ms-transform: scale(1.5,1.5); 
   	-webkit-transform: scale(1.5,1.5); 
    transform: scale(1.5,1.5); 
	  }
 
  100% {
	-ms-transform: scale(1,1); 
   	-webkit-transform: scale(1,1); 
    transform: scale(1,1); 
	  }
  
}

.topbottommargin10px {
    margin-top: 10px;
    margin-bottom: 10px;
}
 
.comptype_match  .tooltip {  
  font-size: 26px!important;
}
.comptype_match  .tooltip > .tooltip-inner {
    font-size: 26px!important;
}

#regplayers_div {
    /*position: fixed;*/
    /*width: 15%;*/
}




.ui-tooltip {
    white-space: pre-line;
}

.courtname_title {
    
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.courtname_title_box {
    max-width: 100px;
    font-size: 30px;
    background: white;
    border-radius: 40px;
    padding: 10px 25px 10px 25px;
    display: inline-block;
}

.mini_schedule_number {
    position: absolute;
    top: 0px;
    right:0px;
    
    
}
.large-checkbox {
    transform: scale(2);
    margin: 10px!important;
}

.col-xs-12 {
    padding-bottom: 5px;
}


#loading{
	background-color: black;
        opacity: 0.6;
	height: 100%;
	width: 100%;
	/*position: absolute;*/
        position: fixed;
	z-index: 1000000000;
	margin-top: 0px;
	top: 0px;
        display: none;
        left: 0;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
    -moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;

}
.object{
	width: 20px;
	height: 20px;
	background-color: #FFF;
	position: absolute;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-webkit-animation: animate 0.8s infinite;
	animation: animate 0.8s infinite;
	}


#object_one {
	top: 19px;
	left: 19px;	

	}
#object_two {
	top: 0px;
	left: 65px; 
	-webkit-animation-delay: 0.1s; 
    animation-delay: 0.1s;

	}
#object_three {
	top: 19px;
	left: 111px; 	
	-webkit-animation-delay: 0.2s; 
    animation-delay: 0.2s; 

	}
#object_four {
	top: 65px;
	left: 130px; 
	-webkit-animation-delay: 0.3s; 
    animation-delay: 0.3s; 
}
#object_five {
	top: 111px;
	left: 111px; 
	-webkit-animation-delay: 0.4s; 
    animation-delay: 0.4s; 
}
#object_six {
	top: 130px;
	left: 65px;
	-webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s; 
}
#object_seven {
	top: 111px;
	left: 19px;
	-webkit-animation-delay: 0.6s; 
    animation-delay: 0.6s; 
}
#object_eight {
	top: 65px;
	left: 0px;
	 -webkit-animation-delay: 0.7s; 
    animation-delay: 0.7s; 
}
.comptype_p {
    display: none;
    text-align: center;
    margin-top: 5px!important;   
}
.competition_type_checkbox {
    transform: scale(2);
    margin: 10px!important;
}
.double-info {
    padding: 2px 7px 1px 5px;
    border-radius: 10px;
    background: #2c91cc;
    color: white;
    margin-left: 3px;
}

.table-responsive {
    /*overflow-x: inherit;*/
}

table.table-bordered tbody th, table.table-bordered tbody td {
    max-width: 200px;
    overflow: hidden;
}


.general-background-color, .general-background-color-btn {
    background: #27313b!important;
    color: white;
}
.general-background-color-btn:hover {
    background: white!important;
    color:  #27313b!important;
    border: 1px solid #27313b;
}

.noborder {
    border: 0px;
}

.whitecolor {
    color: white;
}

.redcolor {
    color: #ec4646;
}

.global_tip {
    font-size: 10px;
}

.width100 {
    width: 100%;
}

.inline-block {
    display: inline-block;
}

.bluecolor {
    color: #0A48B3;
}

.fa-2x {
    font-size: 23px!important;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:    #c9c9c990;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #c9c9c990;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #c9c9c990;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #c9c9c990;
}

label {
    color: #333;
}

.greenbtn,.greenbtn:focus, .greenbtn:active  {
    background: linear-gradient(110deg, #04bd00 0%, #04bd00a1 100%);
    color: white;
}
.greenbtn:hover {
    background: white;
    color: #04bd00;
    border: 1px solid #04bd00;
}



.blinkbutton{
	background: #04bd00;
	padding:5px 10px;
	color:white;	
	
	animation-name: flash;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	
	-webkit-animation-name: flash;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;


	-moz-animation-name: flash;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
}

@keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}


@-webkit-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}


@-moz-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}


.ptlan {
    background: #eaeaea;
}

.pros {
    background: white;
}

.transparent-background {
    background: transparent;
}


.form-control-date {    
    max-width: 200px;
}

.margintop20px {
    margin-top: 20px;
}
.margintop30px {
    margin-top: 30px;
}

.redrow{
    background: #e1aaaa;
}

.wordbreak {
    word-break: break-word;
}


.content-width{
    overflow: auto;
    overflow-y: hidden;
    padding: 8px;   
    margin-top: 20px;
}

.inline-block {
    display: inline-block;
}

.drawgrouptable {
    
    /*display: table-cell;*/
    margin: 5px;
   
}

.groupOverFlowContainer{
    min-width: 220px;
    max-height: 450px;
    overflow: auto;
}


.number-input {
    max-width: 100px;
}

.inline-table {
    display: inline-table;
}

.underline {
     text-decoration: underline;
}

.table-cell {
    display: table-cell;
}


.playerListPanel {
    max-height: 600px;
    overflow-y: auto;
    margin-top: 10px;
}


.drawGroupTableNameInput{
    min-width: 150px;    
    margin-bottom: 10px;
}

.drawGroupTableRowSortNumber{
    width: 25px;
    margin-left: 5px;
}



.drawGroupTableBeforeDraw {
    background: transparent;
}

.drawGroupTableAfterDraw{
    background: #eaeaea;
}

.playernameInput {
    border: 1px solid #ccc;
    color: #333;
    
}


#playerSelectorDropDown, #playerChangeSelectorDropDown{
    position: absolute;
    background: white;
    padding: 10px;
    border: 1px solid #ccc;
    width: 200px;
    height: 300px;
    overflow: auto;    
    left: 25%;
    z-index: 2;
    top: 30px;
    
}

#playerSelectorDropDown > div, #playerChangeSelectorDropDown  > div{
    cursor:pointer;
    font-size: 16px;
}

#playerSelectorDropDown > div:hover, #playerChangeSelectorDropDown > div:hover {
    background: #3a97d4;
}


.playerInputContainer {
    /*position: relative;*/
}



::-webkit-scrollbar {
  width: 12px;  
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 20px;
  
}
 
/* Handle */
::-webkit-scrollbar-thumb {  
  background: #3f97d2;
  border-radius: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


#registerPlayerContainer{
    max-height: 60vh;
    overflow: auto;
}

.competitionTypeItemContainer {
    margin-left: 5px;
    margin-right: 5px;
}



.editPlayerListItem:nth-of-type(odd) {
background-color:#f2f9ff;
}
    
.editPlayerListItem:nth-of-type(even) {
background-color:#fff;
}

.editPlayerListItem {
    margin-top: 5px;
    padding: 5px;
    
}

.competitionTypeCheckbox {
    padding-top: 2px;
}

.matchPanel {
    max-height: 750px;
    overflow: auto;
}



.competitionMatchItemContainer:nth-of-type(odd) {
background-color:#d6e8f7;
}
    
.competitionMatchItemContainer:nth-of-type(even) {
background-color:#fff;
}


.competitionMatchHomeAwaySelect {
    padding: 2px;
    border: 1px solid #ccc;
}

.competitionMatchGlobalSortNumber {
    width: 60px;
    margin-right: 10px;
}

.competitionTypeHeaderRow {
    background: #3a97d4;
    margin-top: 10px;
    font-weight: 900;
    padding: 10px 0px 10px 5px;
    color: white;
    overflow-x: auto;
}




.progressBox {
    background: white;    
    float: right;  
    width: 100px;
    height: 24px;
    margin-right: 10px;
}

.progressBar {
    background: #189c2e;
    color: black;
    text-align: center;
        
}

input[type=text],select,input[type=password]{
    font-size: 16px!important;
}



.remotePlayerToAdd {
    cursor: pointer;
}
.remotePlayerToAdd:nth-of-type(odd) {
background-color:#f2f9ff;
}
    
.remotePlayerToAdd:nth-of-type(even) {
background-color:#fff;
}


.playerListItemAD {
    display: inline-block;
}

.doublePlayerListItemAD {
    display: inline-block;
    min-width: 100px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 5px;
   
}
.doublesSortNumber {
    display: inline-block;
    margin: 5px;
}
.min-height-30px{
    min-height: 30px;
}
.min-height-100px{
    min-height: 100px;
}

.participantGroupPanel {
    /*background: #ccc;*/    
    min-width: 170px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.activeParticipantGroupPanel {
    background: white;
}
.addNewParticipantToConstraintGroupBtn{
    margin: 5px;
    cursor: pointer;
}
.participantConstraintGroupRow > div {
    vertical-align: bottom;
    margin: 5px;
}

.grouptableSelectorButton, .sortingButton {
    margin: 5px;
}
.grouptableSelectorButtonActive, .sortingButtonActive {
   background: steelblue; 
   color: white;
}
.navbar-brand {
    padding: 10px!important;
}

.footer {
    text-align: center;    
    background: #27313b;
    color: white;
    font-size: 30px;
    margin: auto;
    padding: 20px;
}

.fas {
    margin: 2px!important;
}

.wide-modal-dialog {
    max-width: 90%;
    margin: auto;
}
.wide-modal-content {
    width: 90%;
    margin: auto;
}

.col-12{
    margin-bottom: 10px!important;
}

a.active {
    background: white!important;
    text-decoration: underline!important;
}

#matchesList {
    width: 100%;
}

.matchCourtTimeInfo {
    position: absolute;
    top: -22px;
    right: 0px;
}

.matchCourtTimeSpan {
    font-size: 11px;
}
#competition-type-container {
    padding-top:10px;
}


.matchReportItemRow:nth-of-type(odd) {
background-color:#f2f9ff;
}
    
.matchReportItemRow:nth-of-type(even) {
background-color:#fff;
}

.page-header{
    margin-left: 10px;
}

#dataTable {
    max-width: 100%;
}

@keyframes blinkAnimation {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.blink {
  animation: blinkAnimation 2s linear infinite;
}


#courtContainerLeftArrowDiv,#courtContainerRightArrowDiv{
    opacity:0;
    cursor: pointer;
    top: 150px; 
}

#courtContainerLeftArrowDiv:hover,#courtContainerRightArrowDiv:hover{
    opacity:0.8;
}
/* NEXT */




@media screen and (max-width: 990px) {
     #dataTable_paginate {
        overflow: auto;
    }
    .navbar-right {
        position:inherit!important;
    }
    
    #courtContainerLeftArrowDiv,#courtContainerRightArrowDiv{
        display: none;
    }
}

@media screen and (max-width: 772px) {

    .wide-modal-content {
        width: 100%;
        margin: auto;
    }
    
    table.dataTable td, table.dataTable th{
       font-size: 11px;
      
    }
    .input-sm {
        max-width: 150px;
    }
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
         white-space: inherit;
    }
    
    
    h3{
        font-size: 18px;
    }
    
    #playerSelectorDropDown, #playerChangeSelectorDropDown{
        left: 0%;
    }
    
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: white!important;
    }
    #competition-type-container {
        padding-top:20px;
    }
}

@media screen and (max-width: 450px) {
     
    .nomobile{
        display:none;
    }
}