/*estilo geral*/
*, :after, :before {
    box-sizing: border-box;
}

body {
	background-color: #fafafa;
    color: #444;
	font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: .75rem;
    padding-right: .75rem;
}

@media (min-width: 576px) {
	.container {
	    width: 540px;
	    max-width: 100%;
	}
}

@media (min-width: 768px) {
	.container {
	    width: 720px;
	    max-width: 100%;
	}
}

@media (min-width: 992px) {
	.container {
	    width: 960px;
	    max-width: 100%;
	}
}

@media (min-width: 1367px) {
	.container {
	    width: 1140px;
	    max-width: 100%;
	}
}

.table-cell,
.table-wrapper {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.table-cell {
    display: table-cell;
}

.table-wrapper {
    display: table;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem;
}

@media (min-width: 576px) {
	.row {
	    margin-right: -.75rem;
	    margin-left: -.75rem;
	}
}

@media (min-width: 768px) {
	.row {
	    margin-right: -.75rem;
	    margin-left: -.75rem;
	}
}

@media (min-width: 992px) {
	.row {
	    margin-right: -.75rem;
	    margin-left: -.75rem;
	}
}

@media (min-width: 1367px) {
	.row {
	    margin-right: -.75rem;
	    margin-left: -.75rem;
	}
}

.col-xs-12 {
	position: relative;
    min-height: 1px;
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

button, input, optgroup, select, textarea {
    font: inherit;
    margin: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}

[role=button], a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

button, input, select, textarea {
    line-height: inherit;
}


/*estilo login*/
.admin_login {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	transform: translate(0%, 100%);
	transform-origin: center center;
	transition: all 1000ms cubic-bezier(0.2, 1, 0.22, 1);
	width: 100%;
	z-index: 3;
}

.admin_login .container {
	height: 100%; 
}

/*.admin_login.toggle-up {
	transform: translate(0%, -70%); 
}*/

.admin_login.toggle-down {
	transform: translate(0%, 0%); 
}

	.admin_card__wrap {
		margin: 0 auto;
		width: 380px;
	}

	@media (max-width: 640px) {
		.admin_card__wrap {
			width: 100%;
		}
	}

		.admin_logo {
		    bottom: -100px;
			opacity: 1;
		    position: relative;
		    text-align: center;
		    transition: all 1000ms cubic-bezier(0.2, 1, 0.22, 1);
		    transition-delay: 500ms;
		}

		.admin_logo.active {
		    bottom: 0;
		    opacity: 1;
		}

		.admin_logo img {
		    margin-bottom: 20px;
		}

		.admin_card {
		    background-color: #fff;
		    border: 1px solid rgba(0,0,0,.125);
		    border-radius: .25rem;
		    display: block;
		    margin-bottom: 1.5rem;
		    padding: 1.5rem;
			position: relative;
		}

		.admin_card h3 {
			font-size: 1.5rem;
		    font-weight: 500;
		    line-height: 1.1;
		    margin-top: 0;
			margin-bottom: 1.5rem;
		}

			.admin_form .admin_form__input {
				-webkit-appearance: none;
    			-moz-appearance: none;
    			appearance: none;
			    background-clip: padding-box;
			    background-color: #fff;
			    background-image: none;
			    border: 1px solid rgba(0,0,0,.15);
			    border-radius: .3rem;
			    color: #444;
    			display: block;
			    font-size: 1rem;
			    line-height: 1;
			    margin-bottom: 1rem;
			    padding: .65rem 1rem;
			    transition: all .5s cubic-bezier(.2,1,.22,1);
			    width: 100%;    
			}

			.admin_form .admin_form__input[disabled] {
    			background-color: #eeeeee;
				cursor: not-allowed;
			}

			.admin_form__button {
    			background-color: #FF5E1D;
				border-color: #FF5E1D;
			    border: 1px solid transparent;
				border-radius: .3rem;
    			color: #fff;
			    cursor: pointer;
    			display: block;
    			font-size: 1rem;
    			-moz-osx-font-smoothing: grayscale;
    			-webkit-font-smoothing: antialiased;
    			font-smoothing: antialiased;
				font-weight: 700;
				line-height: 1;
				padding: .75rem 1.5rem;
				padding-top: .7rem;
				position: relative;
			    text-align: center;
				transition: all .5s cubic-bezier(.2,1,.22,1);
			    -webkit-user-select: none;
			    -moz-user-select: none;
			    -ms-user-select: none;
			    user-select: none;
			    vertical-align: middle;
			    white-space: nowrap;
				width: 100%;
			}

			.admin_form__button:hover {
				background-color: #DB5616;
				border-color: #DB5616;
			}

		.admin_alert {
			text-align: center; 
			width: 100%;
		}

/*estilo barra laranja*/
.orange-bar {
	background: #FF5E1D;
	bottom: 0;
	content: "";
	height: 0;
	position: fixed;
	transition: all 1000ms cubic-bezier(0.2, 1, 0.22, 1);
	transition-delay: 500ms; 
	width: 100%;
	z-index: 2;
} 

.orange-bar.active {
	height: 50%; 
}

/*.loading-bars {
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 4;
	background: #FFF;
	transition: all 500ms cubic-bezier(0.2, 1, 0.22, 1); 
}

.loading-bars.active {
	pointer-events: all;
	opacity: 1; 
}*/