@charset "UTF-8";
@media (min-width: 992px) {
    .alara-login {
        width: 100%;
        max-width: 450px;
    }
}

.main-sidebar .sidebar-menu li a {
    letter-spacing: .3px;
    color: #a2a3b7;
}

.bg-dark {
    background-color: #091d31 !important;
}

.form-control-solid {
    background-color: #F3F6F9;
    border-color: #F3F6F9;
    color: #3F4254;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.form-control.form-control-solid::-moz-placeholder {
    color: #B5B5C3;
    opacity: 1;
}

.form-control.form-control-solid:-ms-input-placeholder {
    color: #B5B5C3;
}

.form-control.form-control-solid::-webkit-input-placeholder {
    color: #B5B5C3;
}

.form-control.form-control-solid:active,
.form-control.form-control-solid.active,
.form-control.form-control-solid:focus,
.form-control.form-control-solid.focus {
    background-color: #EBEDF3;
    border-color: #EBEDF3;
    color: #3F4254;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.btn-ordering{
    cursor: pointer;
}

@media print {
  body * {
    visibility: hidden;
  }
  .section-to-print, .section-to-print * {
    visibility: visible;
  }

}

/*/// LOADER ///*/
#loader_alara{
	position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.883);
}
#loader_alara:before,
#loader_alara:after{
    content: "";
    width: 60px;
    height: 60px;
	margin: -30px 0 0 -30px;
    position: absolute;
	border-radius: 50%;
	border: solid 5px rgba(129, 129, 129, 0.404);
    top: 50%;
    left: 50%;
}
	#loader_alara:after{
	border-color: transparent;
	border-top-color: rgb(88, 88, 88);
    animation:alara_load 1s linear infinite;
}
		
@keyframes alara_load { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }