.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.league-title1 {
    font-weight: 100;
    font-size: 2.0rem;
    margin: 10px 0;
}

.league-title {
    display: inline-block;
    /*background: linear-gradient(135deg, #ff7b00, #ffbb33);
    background: linear-gradient(135deg, blue, green);*/
    background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
    background:#7892c2;
    text-shadow:0px 0px 0px #babebe;
    color: white;
    padding: 8px 8px;
    
    border-radius: 12px;
    font-size: 2.0 rem;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    letter-spacing: 1px;
    /*animation: glow 2s infinite alternate;*/
	text-align: center;	
    min-width: 200px;
    /*min-height: 42px;*/
    margin: 10px 0px 10px -12px;
}

@keyframes glow {
    from { box-shadow: 0 0 8px #ff7b00; }
    to   { box-shadow: 0 0 18px #ffbb33; }
}
    
.compText {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	
	/*background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);*/	
	/*background-color:#89c403;*/
	/*background-color:#5DA171;*/
	border-radius:1px;
	border:1px solid #74b807;
	border:1px solid #5DA171;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	
	/*background-color:#5DA171;*/
	
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:8px 16px;	
	margin:12px 12px;	
	text-decoration:none;
	//text-shadow:0px 1px 0px #528009;
}
.compText:hover {
	background:#ffffff;	
	border:1px solid #000000;		
	color:#000000;		
}

.compText:active {
	position:relative;
	top:2px;
}

.btnBlue {
	box-shadow: 0px 0px 0px 1px #9fb4f2;
	box-shadow: 2px 3px 0px 0px #899599;
	box-shadow: 1px 1px 0px 0px  #899599;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	padding:8px 8px;
	margin:0px 0px;
	text-decoration:none;
	text-shadow:0px 0px 0px #babebe;
}

.btnBlue:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}

.btnBlue:active {
	position:relative;
	top:2px;
}

.btnDark {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 2px 3px 0px 0px #899599;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	padding:8px 16px;
	margin:0px 1px;
	text-decoration:none;
	text-shadow:0px 0px 0px #babebe;
}

.btnDark:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}

.btnDark:active {
	position:relative;
	top:2px;
}


.btnGray {
	/*box-shadow: 1px 1px 0px 0px #dddddd;*/	
	background:linear-gradient(to bottom, #ededed 5%, #babebe 100%);
	background-color:#ededed;
	background-color:#babebe;
	border-radius:3px;
	border:1px solid #babebe;	
	display:inline-block;
	cursor:pointer;
	color:#000777;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	padding:8px 4px;
	margin:0px 0px;		
	text-decoration:none;
	//text-shadow:0px 0px 0px #ffffff;
}


.btnGray:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
	color:#000000;
}

.btnGray:active {
	position:relative;
	top:2px;
}

.btnGray-30 {
	border-radius:30px;	
}


.btnGreen {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:10px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	color:white;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:8px 16px;	
	margin:2px;	
	text-decoration:none;
	//text-shadow:0px 1px 0px #528009;
}
.btnGreen2 :hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
}

.btnGreen:hover {	
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
}

.btnGreen:active {
	position:relative;
	top:2px;
}

.btnGreen-30 {
	border-radius:30px;	
}

.setresult {
  
  width:130px	
}

.sample {height:330px;}

    .box { 
      height:200px;
      width:600px;
      margin:0 auto;
      text-align:center;
      border:1px solid red;
      margin-top:100px;
      }