/*----------  Rede Simples - DF  ----------*/

@color-default: #dedede;
@color-darken: #666;
@color-1: #95bd3a;
@color-2: #009d72;
@color-3: #007b82;
@color-4: @color-1;

@navbar-bgcolor: @color-2;
@footer-bgcolor: @navbar-bgcolor;
@cta-title: darken(@color-darken, 10%);
@panel-heading-color: @color-2;

.gradient-bgcolor (@startColor: @color-2, @endColor: @color-3) {
	background-color: @startColor;
	background: linear-gradient(to right, @startColor, @endColor); /* Standard syntax */
	background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
	background: -webkit-linear-gradient(left, @startColor, @endColor);
	background: -moz-linear-gradient(right, @startColor, @endColor);
	background: -ms-linear-gradient(right, @startColor, @endColor);
	background: -o-linear-gradient(right, @startColor, @endColor);
}

/*----------  Variable Admin  ----------*/

@bg-login: url('../dist/rs-df/bg-login.jpg') top center;
@navbar-brand: 15px 5px;

// Escreva aqui o Style específico para DF

/*----------  Guia rápido - Em breve  ----------*/

.rs-steps {
	.rs-steps-items {
		opacity: .1;
	}
	.rs-title {
		display: none;
	}
}

.navbar-mobile {
			.gradient-bgcolor;

			&::-webkit-scrollbar-track {
				background-color: @color-2;
			}

			&::-webkit-scrollbar {
				width: 8px;
				background-color: @color-2;
			}

			&::-webkit-scrollbar-thumb {
				border-radius: 15px;
				background-color: darken(@color-2, 20%);
			}

			ul {
				list-style: none;
				padding: 0;

				li {
					.dropdown-menu {
						padding: 0;
					    display: block;
					    box-shadow: none;
					    width: 100%;
					    position: static;
					    margin-top: 0;
					    border: none;
					    background-color: transparent;
				        float: none;

					    a {
					    	background-color: rgba(0,0,0,.1);
					    	color: #fff !important;
				    	    padding: 15px 20px;
					    }
					}
				}

				li>a {
					border-bottom: 1px solid @color-2;
					.transition (all 300ms ease);

					&:hover, &:active, &:focus {
						text-decoration: none;
						background: rgba(0,0,0,.05);
						color: #fff;
					}

					&.btn-access {
						border: none;
						border-radius: 0;
						text-align: left;
						font-size: 16px;
					}
				}
			}
		}