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

/* Remove arrows from input[type=number] */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

input[type=number] {
-moz-appearance: textfield; /* Firefox */
}

#gradient {
  
  font-weight: bold;
  height: 2em;
  background-color: #F0532D;
  background-image: linear-gradient(to right, #FF881A, #F0532D);
  
}

.content {
	overflow: hidden;
	color:#F0532D;   
	margin: 0px !important;

}

.header-logo {

	width:200px; 
	height: 100px !important; 
	padding-top: 2em; 
	padding-left: 3em; 
	
}

.headings {

    text-align: center;
    padding: 1em;
    /*font-weight: 100%;*/
    /*text-decoration: underline;*/
}

.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;
}

input {

	border-color: orange;

}

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

.defaultBtn {

    min-width: 15%;
    padding: 0px 10px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    color: #fff !important;
    height: 48px;
    border: none;
    border-radius: 100px;
    padding: 0 20px;
    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);

}

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

.EditBtn {

  background: none;
  border: #F0532D solid 2px;
  border-radius: 40px;
  color: black;
  width: 25%;
  padding: 8px 16px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 1;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.EditBtn:hover {opacity: 0.5}

.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 {

	border-color: #FF881A !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;

  } 

}

#btnPay:disabled { 
  cursor: not-allowed;
  opacity: 0.5;
}