/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
} 

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
      padding-top: 40px;
  xpadding-bottom: 10px;
  background-color:black;
  color:grey;
}



#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

.text-muted {
    margin: 20px 0;
}

.form-login {
    max-width: 365px;
    padding: 0px 15px 5px 15px;
    margin: 0 auto;
}

    .form-login .form-login-heading {
        margin-bottom: 10px;
    }

    .form-login .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        font-size: 16px;
    }

        .form-login .form-control:focus {
            z-index: 2;
        }

    .form-login input[type="password"] {
        margin-top:5px;
        margin-bottom: 5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .band-image
    {
        float:right;
        max-width: 400px;
        width: 100%;
        height: auto;
        padding-left: 5px;
    }

    .home-text{
      text-align: justify;
    }

    [ng\:cloak], [ng-cloak], .ng-cloak {
      display: none !important;
    }

    .pointer
    {
        cursor:pointer;
    }

    .comment-data
    {
        min-height:300px;
    }

    .comment-content
    {
        overflow-x:auto;
    }

    .comment-content img {
        height: auto;
        width: 100%;
    } 

    .menu-user-name {
        vertical-align: -13px;
    }

    .full-width
    {
      width:100%!important;
    }

    .page-header
    {
      margin: -30px 0 21px!important;
    }

    .dark-gradient {
      background: #000000; /* fallback for old browsers */
      background: -webkit-linear-gradient(to left, #434343, #000000); /* Chrome 10-25, Safari 5.1-6 */
      background: linear-gradient(to left, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

    .dark-red-gradient
    {
      background: #070000;  /* fallback for old browsers */
      background: -webkit-linear-gradient(to right, #070000, #4C0001, #070000);  /* Chrome 10-25, Safari 5.1-6 */
      background: linear-gradient(to right, #070000, #4C0001, #070000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }


    #loading-bar .bar {
      background:darkred!important;
      }

    #loading-bar-spinner .spinner-icon {
      border-top-color: darkred!important;
      border-left-color: darkred!important;
    }

    .dark-background
    {
      background-color:  #272727!important;
      color:white;        
    }

    .white-border
    {
      border: 1px solid #e8e8e8;
      border-bottom:none;
      background-color: #e99002;
      padding: 2px 2px 2px 15px;
    }
    .white-border a{
      color: #fff;
      font-size: 12px;
    }

    a.play {
        padding-left: 22px;
        margin-left: 15px;
        border: none;
        background: transparent url(../images/tunein.png) no-repeat scroll left center;
        background-size: auto 100%;
    }

    .play-block
    {
      padding:15px 0 0px 0px;
    }
/*.logo{
  padding: 0px 0 0 15px;
}*/
.logo img{
  max-width: 100%;
}
/*.player-block{
  padding-right: 0;
}*/
.player{
  vertical-align: middle;
  margin-top: 2px;
  width: 100%;
}
.table-phone{
  overflow: auto;
}
.width-tabel{
  min-width: 550px;
}
.about-text{
  padding: 10px;
}
[animate-on-change] {
  opacity: 0;  
}
[animate-on-change].changed {
 transition: 1s linear all;  
  opacity: 1;
}
.current-listeners{
  margin-top: 20px;
  font-size: 16px;
  /*font-weight: bold;*/
}

/*.pager li > a:hover, .pager li > a:focus {
    background-color: olive !important;
}*/

.panel
{
    background-color:black!important;
}
/*LOGIN START*/
.input-pass {
    margin: 10px 0 10px 0;
}
.input-pass, .input-log{
  height: 50px;
}
.button-login{
  margin-bottom: 5px;
}
.btn.btn-large.btn-google-plus.btn-block.button-google{
  margin-top: 10px;
}
.social-button-text{
  margin-bottom: 20px;
}
/*LOGIN END*/

/*SIGNAP START*/
.input-email{
  margin-top: 5px;
}
.singup-submit{
  margin-top: 5px;
}
/*SIGNAP END*/

/*PASSWORD-CHANGE START*/
.change-password{
   margin-top: 10px;
}
.change-password label{
  display: block;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 15px;
}
.change-password{

}

/*PASSWORD-CHANGE END*/
.recovery-email p{
  text-align: center;
}
@media (max-width: 995px){
  body{
    padding-top: 225px;
  }
  .page-header.text-center{
    padding-top: 30px;
  }

  br {content: ""}
  br:after {content: "\00a0";}

  .tracks-menu .col-md-3, .tracks-menu .col-md-4, .tracks-menu .col-md-5 {
    padding-bottom: 10px;
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > ul > li.k-current-page > span{
  text-align: center;
  }
  .band-image{
    padding-left: 0;
  }
}
@media (max-width: 370px){
  .google-recaptcha{
    transform:scale(0.8);
-webkit-transform:scale(0.8);
transform-origin:0 0;
-webkit-transform-origin:0 0;
  }
}









/*Radio box*/

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 2em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}