.input-group { width: 50%; margin: 20px auto; padding: 10px; position: relative; display: -ms-flexbox; display: flex; 
  -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; }

.input-group > .form-control {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0; display: table-cell;
}

.bg-light { background-color: #f8f9fa; }
input { display: table-cell; color: #000000; font-size: 12px; padding: 10px 5px; height: 40px; border-radius: 0 !important; 
  background-color: #fff; border: 2px solid rgba(255,255,255,0.5); background-clip: padding-box; font-weight: 400; text-align: left; }

.input-group-btn { display: table-cell; }  
.site-button { background-color: #ff3c3c !important; border: none !important; border-radius: 0 3px 3px 0; height: 40px; color: #fff; 
  padding: 0 20px; cursor: pointer; }

.msg { display: none; }
.alert {
  font-family: inherit;
  border-radius: 4px;
  padding: 15px 20px;
}
.alert-warning {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404;
}
.alert-success {
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
}
.alert-danger {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}

.ajax-response.success { background-color: #d4edda; border-color: #c3e6cb; color: #155724; padding: 10px; margin-bottom: 10px; }
.ajax-response.success::before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    border-radius: 50%;
    background-color: #155724;
    border: none;
    padding: 5px;
    color: #d4edda;
    margin-right: 10px;
    display: inline;
}

.ajax-response.error { background-color: #f8d7da; border-color: #f5c6cb; color: #721c24; padding: 10px; margin-bottom: 10px; }
.ajax-response.error::before {
        content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    border-radius: 50%;
    background-color: #721c24;
    border: none;
    padding: 0px 5px;
    color: #f8d7da;
    margin-right: 10px;
    text-align: center;
    height: 26px;
    width: 26px;
    vertical-align: middle;
    display: inline-block;
}

@media only screen and (max-width: 1119px) {
  .input-group { width: 100%; }
}