body {
	margin: 0px;
	padding: 0px;
}

.content {
	overflow: hidden;
  color:#F0532D;
}

.headings {
    text-align: center;
    padding: 1em;
}

.wrapper {

  display: grid;
  grid-template-columns: 47.5% 5% 47.5%;
  padding: 0em 2em 2em 2em;
  /*padding-bottom: 3em;grid-column-gap: 1em;*/
  border-bottom: 1px solid #DCDCDC;

}

  .inner-wrapper {

    display: grid;
    grid-template-columns: 49.5% 1% 49.5%;
    /*padding: 1em;*/

  }

.spacing {
  margin-bottom: 8px;
}

.container-merc{
  
  width: 65% !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  margin: 0 17.5% !important;  

}  

.textbox {

      /*display: block;*/
      width: 20%;
      height: calc(1.5em + .75rem + 2px);
      padding: .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: .25rem;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.pics {

  width: 200px;

}

.formstyle-m{
  
  margin-top: 1.5em !important; 
  margin-bottom: 1.5em !important; 
  color:#F0532D;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
  border-color: #FF881A;
  padding: 0.3em;
  height: auto !important;
}

textarea {
  border-color: #ced4da !important;
  width: 100%;
  height: 45%;
  resize: none !important;
  border-radius: .25rem !important;
}

.defaultBtn {
    min-width: 100%;
    padding: 1rem 3rem;
    display: inline-block;
    text-align: center;
    color: #fff !important;
    border: none;
    border-radius: 100px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.5s;
    background-color: #F7941F;
    background-image: -webkit-gradient(linear,left top,right top,from(#F7941F),to(#F0532D));
    background-image: -o-linear-gradient(left,#F7941F,#F0532D);
    background-image: linear-gradient(to right,#F7941F,#F0532D);
}

@media (min-width: 768px) {
  .defaultBtn {
    min-width: 30%;
  }
}

.defaultBtn:hover {  
  /*background: #FF881A !important;*/
  opacity: 0.5 !important;
  text-decoration:none;
}

.smsBtn {
    min-width: 180px;
    padding: 1rem 2rem;
    display: inline-block;
    text-align: center;
    color: #fff !important;
    border: none;
    border-radius: 100px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.5s;
    background-color: #F7941F;
    background-image: -webkit-gradient(linear,left top,right top,from(#F7941F),to(#F0532D));
    background-image: -o-linear-gradient(left,#F7941F,#F0532D);
    background-image: linear-gradient(to right,#F7941F,#F0532D);

}

.smsBtn:hover {  
  /*background: #FF881A !important;*/
  opacity: 0.5 !important;
  text-decoration:none;
}

.EditBtn {
  min-width: 100%;
  padding: 1rem 3rem;
  display: inline-block;
  text-align: center;
  color: #F0532D !important;
  border: #F0532D solid 2px;
  border-radius: 100px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.5s;
  background-color: transparent;

}

@media (min-width: 768px) {
  .EditBtn {
    min-width: 30%;
  }
}

.EditBtn:hover {
  opacity: 0.5;
  text-decoration: none;
  color: #EC401E;
}

.errorColor {
  
  color: red;
  font-weight: bold;
  font-size: 12px;


}

.plain-text {
  border: none;
  color: #F0532D;
}

.combo-box {
 
  width: 100%;
  padding: 10px;
  border: 1px solid #ced4da;
  border-radius: 5px;
  margin: 0;

}

.broadband-box {
 
  width: 100%;
  padding: 10px;
  border: 1px solid #ced4da;
  border-radius: 5px;
  margin: 0;

}

.fixed-box {
 
  width: 100%;
  padding: 10px;
  border: 1px solid #ced4da;
  border-radius: 5px;
  margin: 0;

}

::placeholder {color: #F0532D !important; opacity: 0.5 !important;}


input:disabled {
    background-color: #C0C0C0 !important;
    opacity: 0.5 !important;
    border-color: rgba(118, 118, 118, 0.3) !important;
}

select:disabled {
    background-color: #C0C0C0 !important;
    opacity: 0.5 !important;
    border-color: rgba(118, 118, 118, 0.3) !important;
}

@media only screen and (max-width: 992px) {

  form {

    /*font-size: 2.5rem;*/
    /*padding: 0 !important;*/

  }  

  .container-merc {

    width: 100% !important;
    margin: 0 !important;

  }  

  .wrapper {

    display: grid;
    grid-template-columns: 100% !important;
    padding: 0em 1em 1em 1em;

  }  

  .divider {

    display: none;

  }

  .inner-wrapper {

    display: grid !important;
    grid-template-columns: 100% !important;

  }

  small {

  /*font-size: 2rem !important;*/

  } 

  .form-control {

  /*font-size: 2.5rem !important;*/

  }

  .hide {

    display: none;

  }

  h2, h4, h5 {

    /*font-size: 2.5rem !important;*/

  }

  label, input, p, u, ul {

    /*font-size: 2.5rem !important;*/

  }

  .textbox {

    /*font-size: 2.5rem !important;*/

  }  

  .pics {

    width: 250px;

  } 

}