/* pagination start */
.pagination{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	padding-left:0;
	list-style:none;
	border-radius:.25rem;
}
.page-link{
	position:relative;
	display:block;
	padding:.5rem .75rem;
	margin-left:-1px;
	line-height:1.25;
	color:#007bff;
	background-color:#fff;
	border:1px solid #dee2e6;
}
.page-link:focus,.page-link:hover{
	color:#0056b3;
	text-decoration:none;
	background-color:#e9ecef;
	border-color:#dee2e6;
}
.page-link:not([disabled]):not(.disabled){
	cursor:pointer;
}
.page-item:first-child .page-link{
	margin-left:0;
	border-top-left-radius:.25rem;
	border-bottom-left-radius:.25rem;
}
.page-item:last-child .page-link{
	border-top-right-radius:.25rem;
	border-bottom-right-radius:.25rem;
}
.page-item.active .page-link{
	z-index:1;
	color:#fff;
	background-color:#007bff;
	border-color:#007bff;
}
.page-item.disabled .page-link{
	color:#868e96;
	pointer-events:none;
	cursor:auto;
	background-color:#fff;
	border-color:#dee2e6;
}
.page-seleced.disabled .page-link{
	color:#868e96;
	pointer-events:none;
	cursor:auto;
	background-color:#aaa;
	border-color:#dee2e6;
}
.pagination-lg .page-link{
	padding:.75rem 1.5rem;
	font-size:1.25rem;
	line-height:1.5;
}
.pagination-lg .page-item:first-child .page-link{
	border-top-left-radius:.3rem;
	border-bottom-left-radius:.3rem;
}
.pagination-lg .page-item:last-child .page-link{
	border-top-right-radius:.3rem;
	border-bottom-right-radius:.3rem;
}
.pagination-sm .page-link{
	padding:.25rem .5rem;
	font-size:.875rem;
	line-height:1.5;
}
.pagination-sm .page-item:first-child .page-link{
	border-top-left-radius:.2rem;
	border-bottom-left-radius:.2rem;
}
.pagination-sm .page-item:last-child .page-link{
	border-top-right-radius:.2rem;
	border-bottom-right-radius:.2rem;
}
/* pagination end */
/* Combo n search box start */
.searchbox { 
 background: none repeat scroll 0 0 #F5F5F5;
 border: 1px solid #E0E0E0;
 padding: 0.625rem;
 width: 250px;
  font-size:0.9rem;
 font-family:inherit;
 margin-bottom:0.25rem;
}
.searchbox:hover{
 background: none repeat scroll 0 0 #F5F5F5;
 transition: background 0.20s linear 0s;
 -o-transition: background 0.20s linear 0s;
 -ms-transition: background 0.20s linear 0s;
 -moz-transition: background 0.20s linear 0s;
 -webkit-transition: background 0.20s linear 0s;	
  background: none repeat scroll 0 0 #fff;
}
/* Combo n search box end */
.bkc1-outter {
	display: flex!important;
}
.bkc1{
	border-radius: 15px;
	background-color: #D3D3D3;
	border: #b0b0b0 1px solid;
	padding: 8px;
	flex: 1;
}
.bka{
	background-color: #A9A9A9;
}
.bkb{
	background-color: #C0C0C0;
}
.bkc{
	background-color: #D3D3D3;
}
.bkd{
	background-color: #dbc7ff;
}
.bke{
	background-color: #cabdfc;
}
.bkf{
	background-color: #E8E8E8;
}
.bkg{
	background-color: #D3D3D3;
}
.bkh{
	background-color: #C0C0C0;
}
.bki{
	background-color: #808080;
}
.bka, .bkb, .bkc, .bkd, .bke, .bkf, .bkg, .bkh, .bki {
	border-radius: 15px;
}
img {
    line-height: 150px;
    text-align: center;
}
.bnscontainer { 
  height: 150px;
  width: 150px;
  position: relative;
/*   border: 1px solid grey; */
}
.bnscontainer img {

    line-height: 150px;
    text-align: center;
}
.bnscontainer-full { 
  height: 200px;
  width: 200px;
  position: relative;
/*   border: 1px solid grey; */
}
.bnscontainer-full img {

    line-height: 200px;
    text-align: center;
}
div .img-center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.Pending {
	color: orange;
	font-weight: bold;
}
.Denied {
	color: red;
	font-weight: bold;
}
.Approved {
	color: green;
	font-weight: bold;
}

.img-levels {
   display: inline;
   max-width: unset;
   max-height:0.9em;
}
.ONLStatus  {
	background-color: #48C732;
	color: #FFF;
	border-radius: 5px;
	padding: 1px 9px 1px 9px;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.0em;
	line-height: 60px;
}
.OFFLStatus {
	background-color: #F00;
	color: #FFF;
	border-radius: 5px;
	padding: 1px 9px 1px 9px;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.0em;
	line-height: 60px;
}
.txtblock {
	background-color: #FFF;
	color: #000;
	border-radius: 5px;
	padding: 1px 9px 1px 9px;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.0em;
	border: 1px solid grey;
    line-height: 60px;
}
.download-center {
	/* margin: auto; */
	padding: 30px 10px;
}
.mini-download-center {
	margin: auto;
	padding: 0px 0;
}
div.dlcell {
	height: 80px;
}
span.black {
	display: block;
	text-align: center;
	border-style: solid;
	border-color: black;
	font-weight: bold;
	background-color: black;
	color: white;
}
span.green {
	display: block;
	text-align: center;
	border-style: solid;
	border-color: black;
	font-weight: bold;
	background-color: green;
	color: white;
}
span.red {
	display: block;
	text-align: center;
	border-style: solid;
	border-color: black;
	font-weight: bold;
	background-color: red;
	color: black;
}
span.grey {
	display: block;
	text-align: center;
	border-style: solid;
	border-color: black;
	font-weight: bold;
	background-color: LightGrey;
	color: black;
}
span.yellow {
	display: block;
	text-align: center;
	border-style: solid;
	border-color: black;
	font-weight: bold;
	background-color: yellow;
	color: black;
}
span.brown {
	display: block;
	text-align: center;
	border-style: solid;
	border-color: black;
	font-weight: bold;
	background-color: brown;
	color: white;
}
span.white {
	display: block;
	text-align: center;
	border-style: solid;
	border-color: black;
	font-weight: bold;
	background-color: white;
	color: black;
}
span.bar {
	display: block;
	text-align: center;
	border-style: solid;
	border-color: black;
	font-weight: bold;
	background-color: LightCyan;
	color: black;
}
/* Style for rainbow birdclub */
.rainbowBackground {
	line-break: anywhere;
	border-radius: 15px;
	background-image: linear-gradient(rgba(255,0,0,.2), rgba(255,165,0,.2), rgba(255,255,0,.2), rgba(0,128,0,.2), rgba(0,0,255,.2), rgba(75,0,130,.2), rgba(238,130,238,.2));
}
.secthead {
  line-break: anywhere;
  padding: 5px;
  border-radius: 15px;
  background-image: linear-gradient(rgba(255,0,0,.2), rgba(0,0,255,.4), rgba(255,0,0,.2));
  
}
.sectred {
  line-break: anywhere;
  padding: 5px;
  border-radius: 15px;
  background-image: linear-gradient(rgba(255,0,0,.5), rgba(255,0,0,.1));
}
.sectorange {
  line-break: anywhere;
  padding: 5px;
  border-radius: 15px;
  background-image: linear-gradient(rgba(255,165,0,.5), rgba(255,165,0,.1));
}
.sectyellow {
  line-break: anywhere;
  padding: 5px;
  border-radius: 15px;
  background-image: linear-gradient(rgba(255,255,0,.5), rgba(255,255,0,.1));
}
.sectgreen {
  line-break: anywhere;
  padding: 5px;
  border-radius: 15px;
  background-image: linear-gradient(rgba(0,128,0,.5), rgba(0,128,0,.1));
}
.sectblue {
  line-break: anywhere;
  padding: 5px;
  border-radius: 15px;
  background-image: linear-gradient(rgba(0,0,255,.5), rgba(0,0,255,.1));
}
.sectindigo {
  line-break: anywhere;
  padding: 5px;
  border-radius: 15px;
  background-image: linear-gradient(rgba(75,0,130,.5), rgba(75,0,130,.1));
}
.sectviolet {
  line-break: anywhere;
  padding: 5px;
  border-radius: 15px;
  background-image: linear-gradient(rgba(238,130,238,.5), rgba(238,130,238,.1));
}
.sectindigo table {
	border: none;
	border-collapse: separate;
	width: 80%;
	height: 246.4px;
	margin-left: auto;
	margin-right: auto;
	background: none;
}
.sectorange table {
	border: none;
	border-collapse: separate;
	width: 80%;
	height: 246.4px;
	margin-left: auto;
	margin-right: auto;
	background: none;
}
.sectindigo td, th {
	border-radius: 15px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
	text-align: center;
	border:none;
	background: linear-gradient(rgba(255,200,0,.5), rgba(255,200,0,.1));
}
.sectorange td, th {
	border-radius: 15px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
	text-align: center;
	border:none;
	background: linear-gradient(rgba(255,100,0,.5), rgba(255,100,0,.1));
}
.sectindigo table tr:nth-of-type(2n) {border:none;background: none;}
.sectorange table tr:nth-of-type(2n) {border:none;background: none;}
.sectindigo table tr:nth-of-type(2n) td {border:none;background: linear-gradient(rgba(255,255,0,.5), rgba(255,255,0,.1));}
.sectorange table tr:nth-of-type(2n) td {border:none;background: linear-gradient(rgba(255,165,0,.5), rgba(255,165,0,.1));}
/* START for template blocks bird club */
.flex-grid {
	display: flex;
}
.liniar-green {
	border-radius: 15px;
	background: linear-gradient(rgba(197, 231, 167,.6), rgba(186, 231, 167,.1));
	border: #b0b0b0 1px solid;
	padding: 8px;
	
}
@media (max-width: 768px) {
    .flex-grid {
	  display: block;
    }
}
.trim { 
  text-overflow: ellipsis;
  overflow: hidden; 
  max-width: auto; 
  height: 1.2em; 
  white-space: nowrap;
}
.linebreak h6{
  height: 1.2em;
  word-break: break-all;
}
.iShowResultBox {
  border-width: 5px;
  border-style: solid;
  border-color: #A9A9A9;
  padding: 10px 5px 0 5px;
  background-color: #D3D3D3;
  -moz-border-radius:15px;
  border-collapse: collapse;
  border-radius: 15px;
  overflow: hidden;
  height: 100%;
  width: 100%;
  transition-duration: 0.9s;
  text-align: left;
  font-size: 12pt;
  font-family: "Open Sans",Arial,sans-serif;  
}
.iShowResultBox div {
  padding-left: 10px;
}
.iShowResultBox:hover {
  border-width: 5px;
  border-style: solid;
  border-color: #D3D3D3;
  background-color: #A9A9A9;
  transition-duration: 0.9s;
}
.ipositionText {
  max-width:226px;
  overflow:hidden;
  white-space: nowrap;
}
/* #################################### */

input, select.topLabelIpt-short {
    display: inline-block;
    width: 7em;
}
label.topLabel-short {
    display: inline-block;
    width: 7em;
    margin-right: .5em;
    padding-top: 0.5em;
    text-align:center;
}
input, select.topLabelIpt {
    display: inline-block;
    width: 9em;
}
label.topLabel {
    display: inline-block;
    width: 9em;
    margin-right: .5em;
    padding-top: 0.5em;
    text-align:center;
}
input, select.topLabelIpt-long {
    display: inline-block;
    width: 12em;
}
label.topLabel-long {
    display: inline-block;
    width: 12em;
    margin-right: .5em;
    padding-top: 0.5em;
    text-align:center;
}
/* header titles */
div.iTitle {
	background-image: linear-gradient(to bottom, rgba(211,211,211,0.4), rgba(0,0,0,0.4), rgba(255,255,255,0.7), rgba(192,192,192,0.7));
	border-radius: 14px 14px;
	padding: 1px 20px 1px 20px;
	text-align: center;
	text-shadow: 4px 4px 6px grey;	
}
.iTitle h1 {
	color:white;
	font-size:1.7rem;
	opacity: 1;
	font-weight: bold;
	border-radius: 14px 14px;
}
div.iTitle-min {
	background-image: linear-gradient(to bottom, rgba(211,211,211,0.4), rgba(0,0,0,0.4), rgba(255,255,255,0.7), rgba(192,192,192,0.7));
	border-radius: 14px 14px;
	padding: 1px 20px 1px 20px;
	text-align: center;
	text-shadow: 4px 4px 6px grey;	
}
.iTitle h2 {
	color:white;
	font-size:1.5rem;
	opacity: 1;
	font-weight: bold;
	border-radius: 14px 14px;
}
.iTitle-min h4 {
	color:black;
	font-size:1.1rem;
	opacity: 1;
	font-weight: bold;
	border-radius: 14px 14px;
}
/* END for template blocks bird club */
/* monochrome style */
.monochrome {
  border-radius: 15px;
  border: 1px solid #bababa;
  background-color: white;
  padding: 10px;
  box-shadow: inset 0 0 10px grey;
}
.monochromeborder {
  border-radius: 15px;
  background-color: #fff;
  box-shadow: inset 0 0 10px grey;
}
/* champ style */
.champa {
  background: linear-gradient(rgba(202, 255, 189,.9), rgba(202, 255, 189,.9)), url("/images/champion.jpg");
  border-radius: 15px;
  border: 1px solid #c7a900;
  padding: 10px;
  box-shadow: inset 0 0 10px green;
}
.champb {
  background: linear-gradient(rgba(202, 255, 189,.9), rgba(202, 255, 189,.9)), url("/images/champion2.jpg");
  border-radius: 15px;
  border: 1px solid #c7a900;
  padding: 10px;
  box-shadow: inset 0 0 10px green;
}
.champborder {
  border-radius: 15px;
  background-color: #ccc;
  box-shadow: inset 0 0 10px grey;
  padding: 10px;
}
.texturea {
  background: linear-gradient(rgba(255, 255, 255,.1), rgba(255, 255, 255,.1)), url("/images/texture1.png");
  background-repeat: repeat;
  border-radius: 15px;
  border: 1px solid #fff;
  padding: 10px;
  box-shadow: inset 0 0 10px black;
}

.textureaborder {
  border-radius: 15px;
  background-color: #fadc34;
  box-shadow: inset 0 0 10px grey;
  padding: 10px;
}
.imgCon {
  height: 200px;
  position: relative;
}

.centerMe {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}