.mega-error-message, .mega-info-message {
display: block;
}
.mega-form-group {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 15px;
position: relative;
font-size: 14px !important;
}
.mega-form-group > div {
position: relative;
}
.mega-input::-moz-placeholder {
color: #ffffff;
opacity: 1;
}
.mega-input:-ms-input-placeholder {
color: #ffffff;
}
.mega-input::-webkit-input-placeholder {
color: #ffffff;
}
.mega-block-input > .mega-control-label{
line-height: 1em !important;
position: absolute;
left: 12px !important;
top: 50% ;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
color: #ababab !important;
cursor: text;
font-weight: normal !important;
display: inline-block !important;
max-width: 100% !important;
margin-bottom: 5px !important;
}
.mega-block-input.not-empty > .mega-control-label{
color: #158cba;
font-size: .65em;
top: 8%;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.mega-input {
-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
}
.mega-form-group.has-warning .mega-input.not-empty + .mega-control-label, .mega-form-group.has-warning .mega-input:focus + .mega-control-label,
.mega-form-group.has-warning .help-block,
.mega-form-group.has-warning .mega-control-label,
.mega-form-group.has-warning .radio,
.mega-form-group.has-warning .checkbox,
.mega-form-group.has-warning .radio-inline,
.mega-form-group.has-warning .checkbox-inline,
.mega-form-group.has-warning.radio label,
.mega-form-group.has-warning.checkbox label,
.mega-form-group.has-warning.radio-inline label,
.mega-form-group.has-warning.checkbox-inline label,
.mega-form-group.has-warning .mega-input-feedback {
color: #ff851b;
}
.mega-form-group.has-warning .mega-input,
.mega-form-group.has-warning .mega-input:focus {
border: 1px solid #ff851b;
-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
}
.mega-form-group.has-warning .input-group-addon {
border: 1px solid #ff851b;
}
.mega-form-group.has-error .mega-input.not-empty + .mega-control-label, .mega-form-group.has-error .mega-input:focus + .mega-control-label,
.mega-form-group.has-error .help-block,
.mega-form-group.has-error .mega-control-label,
.mega-form-group.has-error .radio,
.mega-form-group.has-error .checkbox,
.mega-form-group.has-error .radio-inline,
.mega-form-group.has-error .checkbox-inline,
.mega-form-group.has-error.radio label,
.mega-form-group.has-error.checkbox label,
.mega-form-group.has-error.radio-inline label,
.mega-form-group.has-error.checkbox-inline label,
.mega-form-group.has-error .mega-input-feedback {
color: #ff4136;
}
.mega-form-group.has-error .mega-input,
.mega-form-group.has-error .mega-input:focus {
border: 1px solid #ff4136;
-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
}
.mega-form-group.has-error .input-group-addon {
border: 1px solid #ff4136;
}
.mega-form-group.has-success .mega-input.not-empty + .mega-control-label, .mega-form-group.has-success .mega-input:focus + .mega-control-label,
.mega-form-group.has-success .help-block,
.mega-form-group.has-success .mega-control-label,
.mega-form-group.has-success .radio,
.mega-form-group.has-success .checkbox,
.mega-form-group.has-success .radio-inline,
.mega-form-group.has-success .checkbox-inline,
.mega-form-group.has-success.radio label,
.mega-form-group.has-success.checkbox label,
.mega-form-group.has-success.radio-inline label,
.mega-form-group.has-success.checkbox-inline label,
.mega-form-group.has-success .mega-input-feedback {
color: #28b62c;
}
.mega-form-group.has-success .mega-input,
.mega-form-group.has-success .mega-input:focus {
border: 1px solid #28b62c;
-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
}
.mega-form-group.has-success .input-group-addon {
border: 1px solid #28b62c;
}
.mega-btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 7px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mega-btn-primary {
color: #ffffff;
background-color: #158cba;
border-color: #127ba3;
}
.mega-btn-primary:hover {
color: #ffffff;
background-color: #106a8c;
border-color: #0c516c;
}
.mega-btn {
border-width: 0 1px 2px 1px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.mega-btn:hover {
margin-top: 1px;
border-bottom-width: 1px;
}
.mega-btn:active {
margin-top: 2px;
border-bottom-width: 2px;
}
.mega-btn-primary:hover,
.mega-btn-primary:focus {
background-color: #158cba;
border-color: #127ba3;
}
.mega-btn:active {
margin-top: 2px;
border-bottom-width: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.mega-btn-primary:active, .mega-btn-primary.active {
background-image: none;
}
.mega-btn-primary:active, .mega-btn-primary.active {
color: #ffffff;
background-color: #106a8c;
border-color: #0c516c;
}
.mega-btn:active, .mega-btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.mega-btn:disabled {
background-color: #CACACA;
border-color: silver;
}
.mega-btn:disabled:hover {
margin-top: 0px;
border-width: 0 1px 4px 1px;
}
.mega-input{
display: block;
width: 100% !important;
height: 40px !important;
padding: 7px 12px !important;
margin: 0 !important;
font-size: 14px !important;
line-height: 1.42857143 !important;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #e7e7e7;
border-radius: 4px;
-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mega-input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.mega-input[disabled],
.mega-input[readonly],
fieldset[disabled] .mega-input{
background-color: #eeeeee;
opacity: 1;
}
.mega-input[disabled],
fieldset[disabled] .mega-input{
cursor: not-allowed;
}
textarea.mega-input{
height: auto;
}
.mega-alert-success {
color: #3c763d;
border-color: #d6e9c6;
background-color: #dff0d8;
text-align: center;
}
.mega-alert {
margin-bottom: 18px;
padding: 15px;
border: 1px solid transparent;
border-radius: 4px;
}
.mega-error-message {
background-color: #F37B7B;
border-radius: 5px;
color: white;
padding: 5px;
margin-top: 3px;
}