/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

body{background-color: #f3f3f3; }
.form-signin{max-width:330px;margin:0 auto;padding:15px;}
.form-signin .form-signin-heading,.form-signin .checkbox{margin-bottom:10px;}
.form-signin .checkbox{font-weight:normal;}
.form-signin .form-control{position:relative;font-size:16px;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;}
.form-signin .form-control:focus{z-index:2;}
.form-signin input[type="text"]{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0; padding-left: 35px; }
.form-signin input[type="password"]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0; padding-left: 35px; }
.account-wall{margin-top:20px;background-color:#f7f7f7;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);box-shadow:0 2px 2px rgba(0,0,0,0.3);padding:0px 0 20px;}
.login-title{color:#555;font-size:18px;font-weight:400;display:block;}
.profile-img{width:96px;height:96px;display:block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin:0 auto 10px;}
.need-help{margin-top:10px;}
.new-account{display:block;margin-top:10px;}


.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;    
}
.left-inner-addon span {
    position: absolute;
    padding: 13px 12px;
    pointer-events: none;
    z-index: 9999;	
    font-size: 18px;
    color: grey;
}
.panel-primary{
        border-color: #ff0000;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
}
.panel-primary > .panel-heading {
    background-image: -webkit-linear-gradient(top, #ff0000 0%, #6d0106 100%); 
    background-image: -o-linear-gradient(top, #ff0000 0%, #6d0106 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#6d0106)); 
    background-image: linear-gradient(to bottom, #ff0000 0%, #6d0106 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
}
.btn-dark {
    background-image: -webkit-linear-gradient(top, #343434 0%, #000000 100%);
    background-image: -o-linear-gradient(top, #343434 0%, #000000 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#000000));
    background-image: linear-gradient(to bottom, #343434 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #343434;
    color: #fff;
}
.btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open>.dropdown-toggle.btn-dark.focus, .open>.dropdown-toggle.btn-dark:focus, .open>.dropdown-toggle.btn-dark:hover {
    color: #fff;
    background-color: #636363;
    border-color: #343434;
}
.btn-dark:active, .btn-dark.active {
    background-color: #636363;
    border-color: #343434;
    color: #fff;
}
.btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open>.dropdown-toggle.btn-dark.focus, .open>.dropdown-toggle.btn-dark:focus, .open>.dropdown-toggle.btn-dark:hover {
    color: #fff;
    background-color: #636363;
    border-color: #343434;
}
.btn-dark:active, .btn-dark.active {
    background-color: #636363;
    border-color: #343434;
    color: #fff;
}
.btn-dark:hover, .btn-dark:focus {
    background-color: #636363;
    background-position: 0 0px;
    color: #fff;
}
.btn-danger:hover, .btn-danger:focus {
    background-color: #ff0000;
    background-position: 0 0px;
    background-image: -webkit-linear-gradient(top, #702929 0%, #ff0000 100%);
    background-image: -o-linear-gradient(top, #702929 0%, #ff0000 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#702929), to(#ff0000));
    background-image: linear-gradient(to bottom, #702929 0%, #ff0000 100%);
}
.btn-danger {
    background-image: -webkit-linear-gradient(top, #ff0000 0%, #702929 100%);
    background-image: -o-linear-gradient(top, #ff0000 0%, #702929 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#702929));
    background-image: linear-gradient(to bottom, #ff0000 0%, #702929 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #ff0000;
}

.btn-orange
{

  background-color: hsl(351, 68%, 11%) !important;
  background-repeat: repeat-x;
  background-image: -o-linear-gradient(top, #e65907, #ec9821);
  
  
  background-image: linear-gradient(#ec9821, #e65907);
  border-color: #e65907 #e65907 hsl(360, 68%, 51%);
  
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.62);
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {

  background-color: hsl(360, 68%, 60%) !important;
  background-repeat: repeat-x;
 
  background-image: linear-gradient(#e65907, #ec9821);
  border-color: #ec9821 #ec9821 hsl(351, 68%, 1.5%);
 
 }
 
 .btn-yellow
{

  background-color: hsl(351, 68%, 11%) !important;
  background-repeat: repeat-x;
  background-image: -o-linear-gradient(top, #ecdc21, #4fa84f);
  
  
  background-image: linear-gradient(#ecdc21, #4fa84f);
  border-color: #4fa84f #4fa84f hsl(360, 68%, 51%);
  
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.62);
}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow {

  background-color: hsl(360, 68%, 60%) !important;
  background-repeat: repeat-x;
 
  background-image: linear-gradient(#4fa84f, #ecdc21);
  border-color: #ecdc21 #ecdc21 hsl(351, 68%, 1.5%);
 
 }
 .loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ff0000;
  font-size: 7px;
  position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
    
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}