/*
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; padding-left: 35px; }
.form-signin input[type="password"]{margin-bottom:10px; 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: #ffffff;
}
.panel-primary>.panel-heading {
    color: #000000;
    background-color: #ffae00;
    border-color: #ffae00;
}
.panel-primary > .panel-heading {
    background-image: -webkit-linear-gradient(top, #ffae00 0%, #ffde00 100%); 
    background-image: -o-linear-gradient(top,  #ffae00 0%, #ffde00 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffae00), to(#ffde00)); 
    background-image: linear-gradient(to bottom,  #ffae00 0%, #ffde00 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae00', endColorstr='#ffde00', GradientType=0);
    background-repeat: repeat-x;
}
.btn-dark {
   
    border: none;
    color: #fff;
	font-size:12px;
	background-color: #00497c;
}
.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: #707070;
	border:none;
    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: #003356;
    border: none;
}
.btn-dark:active, .btn-dark.active {
    background-color: #003356;
    border: none;
    color: #fff;
}
.btn-dark:hover, .btn-dark:focus {
    background-color: #003356;
    color: #fff;
}
.btn-danger:hover, .btn-danger:focus {
    
    
}
.btn{ border-radius:30px;}
.btn-danger {
    background-color:#d90b05;
	background-image: none;
}
.btn-success {
    background-color:#6fdd2a;
	background-image: none;
	color:#000000;
	text-shadow: none;
	border:none;
}

.btn-tud:hover, .btn-tud:focus {
    background-color: #ffffff;
    background-image:none;
	color: #000000;
}
.btn-tud {
    background-image:none;
    background-color: #504e4f;
	color: #ffffff;
}

.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: #ffcb00;
  color: #000 !important;
}

 .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: #148697;
  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;
  }
}
.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none !important;
   -webkit-box-shadow: none;
}