/*****************************************************************************
 This file is common across all LG sites.
*****************************************************************************/
/****** contact form ******/
.contact_form .mandatory
{
  color: #ff0000;
}
.contact_form input, textarea, select 
{
  width:80%;
  padding:4px; 
  color: #666; 
  background: #f7f7f7; 
  border: 1px solid #c4c4c4;
  font-family:inherit;
  font-size:inherit;
}
.contact_form .checkbox 
{
  transform:scale(2, 2); 
} 
.contact_form textarea
{
  width:80%;
}
.contact_form input:focus, textarea:focus, select:focus 
{
  border:1px solid #989898; 
  background-color:#fefefe;
}

.contact_form input.code 
{
  width:80%;
  margin-top:4px
}
.contact_form span.error 
{
  background:url(../images/cross.gif) 5px 0 no-repeat; 
  padding-left:25px; 
  vertical-align:text-top
}
.contact_form label 
{
  font-weight:bold;
}

.contact_box
{
/*
  width:75%;
  border:4px solid #404040;
  border-radius:6px;
  margin:0 auto;
  padding:10px;
*/
}

.contact_box .notice_box 
{
  padding-top:4px;
  font-weight:bold;
}
.contact_box .notice_box div
{
  padding:5px 10px 5px 50px; 
  line-height:2em;
  border-radius: 6px;
  width:75%;
  margin:0 auto;
}
.contact_box .alert 
{
  background:url(../images/error.png) 10px 6px no-repeat #ffc0c0; 
  background-size:32px 32px;
  color:#666452;
}
.contact_box .success 
{
  background:url(../images/success.png) 10px 6px no-repeat #e5ffce; 
  background-size:32px 32px;
  color:#6a6668;
}

.contact_form 
{
  max-width:600px;
  margin:0 auto;
}

.contact_form input[type=text], .contact_form select, .contact_form textarea, .contact_form input[type=password]
{
  width: 100%;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

.contact_form label 
{
  padding: 6px 6px 6px 0;
  display: inline-block;
  font-weight:bold;
}

.contact_form input[type=submit]
{
  background-color: #d0d0d0;
  color: black;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
/*  float: right; */
  margin-top:1rem;
  outline:none;
  font-weight:bold;
}

.contact_form input[type=submit]:hover
{
  background-color: #909090;
}

.contact_form .container 
{
  margin-top:10px;
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
  border:1px solid #404040;
  border-radius:20px;
}

.contact_form .col-25 
{
  float: left;
  width: 25%;
  margin-top: 2px;
  text-align:right;
}

.contact_form .col-75 
{
  float: left;
  width: 75%;
  margin-top: 6px;
}

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

.contact_form .row:after 
{
  content: "";
  display: table;
  clear: both;
}

.contact_form .error
{
  color:#800000;
  background-color:#ffff40;
  border:1px solid #800000;
  padding:12px;
}


/* Stack columns when screen less than 600px wide */
@media screen and (max-width: 640px) 
{
  .contact_form .col-25, .contact_form .col-75, .contact_form input[type=submit]
  {
    width: 95%;
    padding-left:2%;
    padding-right:2%;
    margin-top: 0;
    float:none;
  }
  .contact_form .col-25 
  {
    text-align:left;
  }
  .contact_form input[type=submit] 
  {
    margin-top:1rem;
  }
}