/* minify at https://cssminifier.com/ */

/* shadows */
.panel {
  border-radius: 4px;
  box-shadow: 0px 0px 8px #888;
}
.well {
  border-radius: 0px;
  box-shadow: 0px 0px 8px #888;
}

/* make recaptcha responsive (fit on small screens) */
@media screen and (max-height: 575px) and (max-width: 335px){
 #rc-imageselect, .g-recaptcha {
  transform:scale(0.77);
  -webkit-transform:scale(0.77);
  -moz-transform:scale(0.77);
  -o-transform:scale(0.77);
  -ms-transform:scale(0.77);
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
  -moz-transform-origin:0 0;
  -o-transform-origin:0 0;
  -ms-transform-origin:0 0;
 }
}

/* force scroll on dropdowns */
.force-scroll {
 overflow-y: scroll;
 height: 300px;
}

/* custom footer */
.footer {
 /*position: fixed;*/
 left: 0;
 bottom: 0;
 width: 100%;
 background-color: #495F75;
 color: #C8CBCF;
 text-align: center;
}

/* add vertical space between buttons on screen resize */
.btn-grid
{
 margin: -5px 0;
}
.btn-grid > .btn
{
 margin: 5px 0;
}

/* custom backgrounds for notice headers */
.revwarning {color: white; background-color: red;}
.revcompetitions {color: white; background-color: mediumpurple;}
.revcups {color: white; background-color: #f0ad4e;}
.revwebsite {color: white; background-color: #59758F;}
.revleague {color: white; background-color: #31b0d5;}
.revalley {color: white; background-color: #d24844;}
.revadministration {color: white; background-color:mediumseagreen;}

/* borderless table */
.table.table-borderless td, .table.table-borderless th {
 border: 0 !important;
}
.table.table-borderless {
 margin-bottom: 0px;
}

.collapsing {
 -webkit-transition: height .01s ease;
 -moz-transition: height .01s ease;
 -o-transition: height .01s ease;
 transition: height .01s ease
}

/* reverse caret on dropdown open */
.open .caret {
 border-top: none;
 border-bottom: 4px solid;
}

/* to-top button */
#toTop{
 position: fixed;
 bottom: 19px;
 right: 1px;
 cursor: pointer;
 display: none;
 opacity: 0.75;
}

/*snack bar*/
#deleted {
  visibility: hidden;
  min-width: 500px;
  margin-left: -250px;
  /*background-color: #333;*/
  /*color: #fff;*/
  text-align: center;
  border-radius: 1px;
  padding: 0px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 14px;
}

#deleted.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#saved {
  visibility: hidden;
  min-width: 500px;
  margin-left: -250px;
  /*background-color: #333;*/
  /*color: #fff;*/
  text-align: center;
  border-radius: 1px;
  padding: 0px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 14px;
}

#saved.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  -moz-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
/*snackbar END */

/* hover over image */
.zoom:hover {
  -o-transform: scale(2); 
  -ms-transform: scale(2); /* IE 9 */
  -moz-transform: scale(2); 
  -webkit-transform: scale(2); /* Safari 3-8 */
  transform: scale(2); 
}