input[type="text"],
input[type=password],
input[type=email],
input[type="number"],
textarea,
textarea.form-control {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #f8f8f8;
    border: 3px solid #ddd;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #888;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

textarea,
textarea.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
}

input[type="text"]:focus,
input[type=password]:focus,
textarea:focus,
textarea.form-control:focus {
	outline: 0;
	background: #fff;
    border: 3px solid #ccc;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

input[type="text"]:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #888; }
input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #888; }
input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #888; }

input[type="password"]:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #888; }
input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #888; }
input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #888; }



button.btn:not(.unaltered) {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #0a71ad;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
a.button.btn:visited{ color: #fff; }

button.btn:hover { background: #286090; color: white; }

button.btn:active { outline: 0; background: #286090; color: white; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button.btn:focus { outline: 0; background: #286090; color: white; }

button.btn:active:focus, button.btn.active:focus { outline: 0; background: #286090; color: white; }

input.long, select.long{
width: 325px;
}


input.medium, select.medium{
width: 215px;
}

input.small{
width: 100px;
}

.bs_styling button.btn {
    border: 1px solid transparent;
    line-height: 1;
    padding: 6px 12px;
    height: 34px;
    font-size: 14px;
}

.bs_styling button.btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.bs_styling button.btn.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.bs_styling .form-control {
    border: 1px solid #ccc;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
}

select.jigsy_select {
	height: 50px;
	padding: 0 20px;
	border: 3px solid #ddd;
	color: #888;
	border-radius: 4px;
}

#password_signup{
	position: relative;
}

#loading-indicator{
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 height: 100%;
	 width: 100%;
	 position: absolute;
	 top: 0 ;
	 left: 0;
	 background-color: rgba(255, 255, 255, 0.9);
}

.loading-bar {
    width: 300px;
    height: 5px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #e0e0e0;
    position: relative;
}

.progress {
    width: 50%;
    height: 100%;
    background-color: #007BFF; /* Blue Color */
    position: absolute;
    left: -50%;
    top: 0;
    animation: loadAnimation 2s infinite;
}

@keyframes loadAnimation {
    0% {
        left: -50%;
    }
    100% {
        left: 100%;
    }
}