.form-control-inline {
    display: inline;
    width: auto;
}

.footnote {
    font-size: small;
    font-style: italic;
}


.manage-reward-image-col {
    width: 100px;
    overflow: hidden;
}

.redeem-reward-list-div {
    min-height: 360px;
    margin: 10px 0px;
    line-height: 12px; 
}

.redeem-reward-list-div h3 {
    font-size: 18px;
    line-height: 22px;
    padding-top: 15px;
}

.redeem-reward-div {
    margin-left: auto;
    margin-right: auto;  
}

.redeem-reward-img {
    max-height: 200px;
}

.btn-primary, .btn-primary:active, .btn-primary:after, .btn-primary:focus {
    background: #df4ce2;
    color: #fff;
    border: 0px;
    border-radius: 0px;
}

.loader {
    background-image: url('/content/assets/ajax-loader.gif');
    background-repeat: no-repeat;
    background-size: cover;
}

.loader-small {
    height: 20px;
    width: 20px;
}

.btn-primary:hover {
    background: #323232;
    border: 0px;
    border-radius: 0px;
}

.wrapper-content {
padding: 20px;
}

.widget {
    background-color: #f9bc38;
    border-radius: 0px;
}

.btn-xs-black {
    background: #323232;
    border: #323232;
    border-radius: 0px;
}

.btn-xs-red {
    background: red;
    border: #323232;
    border-radius: 0px;
}

.main-navbar-top {
    background: #323232 !important;
 
}

.main-navbar {
    background: #323232;
    font-size: 14px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .nav-second-level {
    background-color:  #323232 !important;
 }


.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus,
.nav > li.active > a,
.navbar-nav > .active > a,
.side-bar > li.active
{
    background:  #323232 !important;
    color:  #f9bc38 !important;
    border:0;
}


.main-h1 {
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 15px;
}

.main-btn-signup {
    background: #FFF;
    border: 0px;
    color: #000;
    border-radius: 0px;
}

.main-btn-signup:hover {
    background: #f9bc38;
    border: 0px;
    color: #FFF;
    border-radius: 0px;
}

.main-btn-login {
    background: #df4ce2;
    color: #fff;
    border: 0px;
    border-radius: 0px;
}

.main-btn-login:hover {
    background: #323232;
    border: 0px;
    border-radius: 0px;
}

.login-div {
    background: #f2f4f8;
    color: black;
    margin-top: 150px;
    padding-bottom: 15px;
}

.faq-contact-div {
    margin-top: 350px;
}
.login-btn-signup {
    background: #f9bc38;
    border: 0px;
     color: #fff;
    border-radius: 0px;
}

.login-btn-signup:hover {
    border: 0px;
    background: #323232;
}

.welcom-div {
    padding-top: 40px;
}

.welcom-div p, .welcom-div h5 {
    color: #323232;
}

.welcom-div {
    color: #323232 !important;
}

.welcom-div h3 {
    color: black;
}

#earn {
    background-image: url('/content/future/background-2.gif');
    background-size: cover;

      /*background: -webkit-linear-gradient(#A700FE, #F400EC); /* For Safari 5.1 to 6.0 */
  /*background: -o-linear-gradient(#A700FE, #F400EC); /* For Opera 11.1 to 12.0 */
  /*background: -moz-linear-gradient(#A700FE, #F400EC); /* For Firefox 3.6 to 15 */
  /*background: linear-gradient(#A700FE,  #F400EC); /* Standard syntax */
      color: white ;
}



#earn h3 {
      margin-top: 15px;
    font-size: 18px;
}

#earn p {
    padding-bottom: 15px;
}


#events {
    background-image: url('/content/future/background-3.gif');
    background-size: cover;

  /*background: -webkit-linear-gradient(#abffe6. #BCFFC7, #F5FD5C); /* For Safari 5.1 to 6.0 */
  /*background: -o-linear-gradient(#abffe6, #BCFFC7, #F5FD5C); /* For Opera 11.1 to 12.0 */
  /*background: -moz-linear-gradient(#abffe6, #BCFFC7, #F5FD5C); /* For Firefox 3.6 to 15 */
  /*background: linear-gradient(#abffe6,#BCFFC7,  #F5FD5C); /* Standard syntax */
  color: black !important;
}

.featured-event {
    border-style: solid;
    border-width: 5px;
    border-color: #f9bc38;
}

a {
    color: #df4ce2;
    text-decoration: none;
}

a:hover{
    color: #f9bc38;
    text-decoration: none;
}

.img-rounded {
    border-radius: 0px;
    padding: 15px 0px;
}

.ibox-content.ng-binding {
    padding: 15px;
}

.boxed-layout #wrapper, li.nav-header {
    background: #323232 !important;
}

.side-bar > li.active, .side-bar > li.hover, .side-bar > li > a:hover, .side-bar > li > a:focus, .side-bar > li > a:active {
    border-left: 4px solid #f9bc38;
   
}

.nav > li > a {
    color:white;
}

.nav.nav-tabs > li > a {
    color: #000000;
}

.nav.nav-tabs > li  {
    background: none;
    color:  white !important;
    border:0;
}
.tab-content {
    margin-top:20px
}

.progress-bar {
    background-color: #f9bc38;
}

.nav-min {
    background:  #323232;
}

td.column-right {
    text-align: right;
}

.bottom-padding-div {
    padding-bottom: 30px;
}

.home-text-padding {
    padding-bottom: 240px;
}

.home-video-padding {
    padding-bottom: 150px;
}

.redeem .toggle-btn {
    display: none;
}

.redeem .toggle-p {
    display:inline;
}


#what-is-future-fans {
    background-image: url('/content/future/background-4.gif');
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 600px;
         color: white ;

         
}

#home .row {
    margin-right: -200px;
    margin-left: 60px;
}

section { padding-top: 100px;padding-bottom: 100px;}


img .row {
  max-height:100px;
  overflow:hidden;
}


.highlight {
    background-color:#f9bc38;
   
}

.thumb-wrapper {
 
}

.thumb-wrapper span {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;

}


.rewardContainer {
  display:table-cell;
  width: 300px;
  vertical-align: middle;
  text-align:center;
  height:300px;
  margin-left:auto;
  margin-right:auto;
     
}

.rewardTextContainer {
 
    width: 300px;
    text-align:center;     
}


.rewardContainer img {
    max-width: 100%;
    max-height: 100%;
}
 
.groupHeader {
    background-color:  #e8e8e8;
    
}
.topPromoterBox {
    display: block;
    height:90px;
    margin-bottom: 10px;
 
    line-height: 1.42857143;
    background-color: #fff;
   
    border-radius: 4px;
  
}

.topPromoterBox-image{
   padding-top:35px;
   height:60px;
   width: 61px;
 
}

.promoter-image {
    max-height:65px;
}

.leaderboard-1 {

    background: transparent url(/content/future/leaderboard-1.png) no-repeat;

}

.leaderboard-2 {
  
    background: transparent url(/content/future/leaderboard-2.png) no-repeat;

}

.leaderboard-3 {
  
    
    background: transparent url(/content/future/leaderboard-3.png) no-repeat;

}


.visible-small {
    display:none;

}
@media (max-width: 1500px) {
    #home .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}



@media (max-width: 992px) {
  
   section, .home-text-padding, .home-video-padding, #what-is-future-fans {
        padding-bottom: 5px;
        padding-top: 10px;
    }
  
   .visible-small{
        display:block;
    }

    .rewardContainer {
        margin-left:auto;
        margin-right:auto;
        height:100%;
          display:block;
    }
    .rewardTextContainer {
        margin-left:auto;
        margin-right:auto;
        height:100%;
          display:block;
    }

    body {
        background-position: 0  40px;
    }
    body {
      padding:0;
    }
     .faq-contact-div {
        background-color: #f2f4f8;        
         margin-top: 190px;
         padding-top: 0px;
         padding-bottom: 50px;

     }

     #home .row {
        margin-right: -15px;
        margin-left: -15px;
    }

     #promoterImageCell {
         display: none;
     }
  
}


.signature {
	border: 1px solid #e8e8e8;
	background-color: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
	border-radius: 4px;
    height: 200px;
    width:100%
    
}

.signature-background {
    width: 300px;
	height: 150px;
}

.fullleaderboard {
     left: 25%;
}

#table-report_wrapper {
    overflow-x: scroll;
}
.signature-canvas {
    width: 100%;
    height: 100%;
}

.note-editable {
    min-height: 150px;
}
.code-editor {
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-size: 12px;
}
.content-large {
    min-height: 500px;
}
/*
.signature {
	position: fixed;
	left: 10px;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
	border-radius: 4px;
}

.signature-background .action {
	margin-left: 5px;
}

.signature-background {
	background-color: #D3D7DC;
	/*position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 1001;
	width: 100%;
	height: 200px;
}
    */