.login-page img.logo{
  margin-top: 50px;
  height: 50px;

  max-width: 330px;
  height: auto;
}


.login-page a{
  color: dimgrey;
}




/* LOGIN */
.login button {
  background-color: #f4ab32!important;
}

.login.ok button {
  background-color: #f4ab32;
}

.login a {
  color: #2196F3;
}

.login button {
  background: #ffc300 !important;
}

.login:not(.loading) button:hover {
  background-color: #FFCB24 !important;
  box-shadow: 0px 1px 3px #F3A621;
}

.login-page input         {
  border-bottom:1px solid #ffc300 !important;
}

/* active state */
.login-page input:focus ~ label, input:valid ~ label    {
  color: #ffc300 !important;
}


.bar:before, .bar:after   {
  background: #ffc300 !important;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#AE8652 !important; }
  to  { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#AE8652 !important; }
  to  { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#AE8652 !important; }
  to  { width:0; background:transparent; }
}





/* REQUEST WITHDRAWAL  */
/*
.request-withdrawal.ok button {
  background-color: #8bc34a;
}

.request-withdrawal a {
  color: #2196F3;
}
.request-withdrawal button {
  background: #f4ab32;
}


.request-withdrawal:not(.loading) button:hover {
  box-shadow: 0px 1px 3px #f4ab32;
}
*/



/* NAVBAR */

@media only screen and (min-width: 768px) {

  .navbar-md .navbar-nav li a{
    color: black;
    font-weight: 600;
    font-size: 14px;
  }

  .navbar-default:not(.navbar-bottom){
    background-color: white !important;
    color: #f4ab32 !important;
  }


  .navbar-default.is-subbar{
    background: #f4ab32 !important;
    box-shadow: 0px 1px 2px rgba(244, 171, 50, 0.5);
    border-top: 2px solid #efca7a;
    color: #f4ab32 !important;
  }

  .navbar-md .navbar-nav li.active{
    background: #f4ab32 !important;
  }

  .navbar-md .navbar-nav li.active a{
    color: white !important;

  }

  .navbar-default .navbar-nav>li>a{
    color: #737373 !important;
  }

  .navbar-default.is-subbar .navbar-nav>li>a{
    color: white !important;
  }

}

@media screen and (max-width: 767px) {
	.navbar-brand img{
		margin-top: -5px;

	}

  .nav > li.is-submenu:first-of-type{
    border-top: 1px solid rgb(185, 185, 185) !important;
  }

  .nav > li.is-submenu:last-of-type{
    border-bottom: 1px solid rgb(185, 185, 185) !important;
  }


  .nav > li.is-submenu.active > a {
      background-color: #f3a648 !important;
      color: white !important;
  }

}

.dropdown-menu {
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: #1ab394;
}




/* COLORS */

.navy-bg{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4ab32+1,dc9a2d+100 */
  background: #f4ab32; /* Old browsers */
  background: -moz-linear-gradient(top, #f4ab32 1%, #dc9a2d 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f4ab32 1%,#dc9a2d 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4ab32 1%,#dc9a2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ab32', endColorstr='#dc9a2d',GradientType=0 ); /* IE6-9 */
  color: #ffffff;
}

.green-bg,
.bg-success {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ad63d+1,46943f+100 */
    background: #5cc153; /* Old browsers */
    background: -moz-linear-gradient(top, #4ad63d 1%, #46943f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4ad63d 1%,#46943f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4ad63d 1%,#46943f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ad63d', endColorstr='#46943f',GradientType=0 ); /* IE6-9 */
    color: #ffffff;
}


.blue-bg,
.bg-primary {
  background-color: #5cc153;
  color: #ffffff;
}
.lazur-bg,
.bg-info {
  background-color: #23c6c8;
  color: #ffffff;
}
.yellow-bg,
.bg-warning {
  background-color: #f8ac59;
  color: #ffffff;
}
.red-bg,
.bg-danger {
  background-color: #ed5565;
  color: #ffffff;
}
.black-bg {
  background-color: #262626;
}



/* TOAST */ 

.toast {
  background-color: #1ab394;
}
.toast-success {
  background-color: #81cd1c;
}
.toast-error {
  background-color: #ed5565;
}
.toast-info {
  background-color: #23c6c8;
}
.toast-warning {
  background-color: #f8ac59;
}
.toast-top-full-width {
  margin-top: 20px;
}
.toast-bottom-full-width {
  margin-bottom: 20px;
}



/* VALIDATION */ 


.form-control:focus,
.single-line:focus {
  border-color: #5cc153;
}
.has-success .form-control {
  border-color: #5cc153;
}
.has-warning .form-control {
  border-color: #f8ac59;
}
.has-error .form-control {
  border-color: #ed5565;
}
.has-success .control-label {
  color: #1ab394;
}
.has-warning .control-label {
  color: #f8ac59;
}
.has-error .control-label {
  color: #ed5565;
}

label.error {
  color: #cc5965;
}


.form-control.error {
  border: 1px dotted #cc5965;
}



.request-withdrawal button{
	background: #5cc153;
}

.request-withdrawal:not(.loading) button:hover{
	box-shadow: 0px 1px 3px #4cb143;
}
.request-withdrawal.ok button{
  background-color: #5cc153;
}

.list-item-paid{
	background-color: #5cc153 !important;
}

.timeline-badge.success{
	background-color: #5cc153 !important;
}

.list-group .list-group-item a span.glyphicon-ok-sign{
	color: #5cc153 !important;
}

.text-success{
	color: #5cc153 !important;
}

/* PROGRESS BAR */ 
.progress-bar {
  background-color: #81cd1c;
}

.progress-bar-navy-light {
  background-color: #3dc7ab;
}
.progress-bar-success {
  background-color: #5cc153 !important;
}
.progress-bar-info {
  background-color: #23c6c8;
}
.progress-bar-warning {
  background-color: #f8ac59;
}
.progress-bar-danger {
  background-color: #ed5565;
}



/* SLIDER */ 
.noUi-target{
  background: #dc9a2d; /* Old browsers */
  background: -moz-linear-gradient(top, #f4ab32 1%, #dc9a2d 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f4ab32 1%,#dc9a2d 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4ab32 1%,#dc9a2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ab32', endColorstr='#dc9a2d',GradientType=0 ); /* IE6-9 */
}

.footer-logo{
  max-height:30px;
}