body{
    font-family: 'Changa', sans-serif;
    font-size: 0.9rem;

}
.nav-link {
  display: block;
  padding: 1.5rem 1rem;
}
.navbar-toggler{
  border: 0px;
}
.navbar-toggler-icon{
  margin-top:20%;
}
.page {
  flex: 1 0 auto;
  font-family: 'Changa', sans-serif;
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  text-align: right;
}
.nav{
float :right;
direction: rtl;
font-weight: bold;
}

.logo{
    float: right;
}
.nav{
    margin-top: 4%;
}

.nav-link{
    color:#838383;

}
.navhr { 
    border-color:#0D776B;
    border-width: 38px;
    margin:0;

}
.full{
    width:100%
}
.fmarg{
  width: 200px;
  height: 140px;
  text-align: center;
}
.imagfo {
  margin-top: 81%;
  float: right;
  text-align: right;
  margin-right: 30%;
}
.colof{
    background-color: #0D776B;
    height: 90px;;
   /* width:900px;*/
   width: 80%;
    margin-right: 20%;
}
#txtHint{
text-align: right;
float: right;
color: red;
width:600px;
margin-left :100%;
}
.tip{
  text-align: right;
  float: right;
  width:600px;
  margin-left :100%;
}

textarea {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #ffffff;
    resize: none;
  }
* {
    box-sizing: border-box;
  }
  
h6{
    float:right;
    direction: rtl;
    font-weight: bold;
    text-align: right;
    margin:2%;
    width:100%;
  
  
}
label{
  float:right;
  direction: rtl;
  font-weight: bold;
  text-align: right;
  margin:2%;
  width:100%;
  color: #767676;

}
.orgfield label{
  margin:0.5%;

}
.orgtype label{
  margin:0.5%;

}

.havecr label{
  margin:0.5%;
}
.orgcase  label{
  margin:0.5%;
}

.orgcaseproduct label{
  margin:0.5%;
}
.orgproductprofit label{
  margin:0.5%;
}
.orgproducttype label{
  margin:0.5%;
}
.labmar  label{
  margin:0.5%;
}
input.radio 
{
  width: auto;  
  }
input[type="radio"]{
  margin: 1.5%;
}


input[type="file"]{
 /* margin-top: 2%;*/
  margin-bottom: 2%;
}
  #regForm {
    background-color: #ffffff;
    margin: 50px auto;
    font-family: 'Changa', sans-serif;
    padding: 40px;
    width: 70%;
    min-width: 300px;
  }
  #OrderForm {
    background-color: #ffffff;
    margin: 50px auto;
    font-family: 'Changa', sans-serif;
    padding: 40px;
    width: 70%;
    min-width: 300px;
  }
  
  h1 {
    text-align: center;  
  }
  footer{
    flex-shrink: none;
  }
  input,select {
    padding: 10px;
    width: 100%;  
    font-size: 17px;
    font-family: 'Changa', sans-serif;
    border: 1px solid #aaaaaa;
    border-radius: 15px;
    margin-right:1.9%;

  }
  #area{
    margin-right:1.9%;

  }
  #city{
    margin-right:1.9%;

  }
  .selectyears{
    width: 200px;
    /*margin:5%;*/
    margin-right: 1.4%;
  }
  
  .orgage{
    margin:5%;
  }
  #orgtypeother{
    padding: 10px;
    width: 20%;
    font-size: 17px;
    font-family: 'Changa', sans-serif;
    border: 1px solid #aaaaaa;
    border-radius: 15px;
    float: right;
  display: none;
  }
  #v1percentage,#v2percentage,#v3percentage,#v3type{
    display: none;

  }
  /* Mark input boxes that gets an error on validation: */
  input.invalid ,select.invalid{
    background-color: #ffdddd;
  }
  :required {
    background: #ffdddd;
  }
  .astrec{
    color:red;
    /*display: none;*/
  
  }
  
  /* Hide all steps by default: */
  .tab {
    display: none;
  }
  .attachment{
    display: none;
 
  }
  button {
    background-color: #0D776B;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    font-family: 'Changa', sans-serif;
    cursor: pointer;
    border-radius: 10px;

  }
  
  button:hover {
    opacity: 0.8;
  }
  
  #prevBtn {
    background-color: #bbbbbb;
  }
  
  /* Make circles that indicate the steps of the form: */
  .step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;  
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
  }
  
  .step.active {
    opacity: 1;
  }
  
  /* Mark the steps that are finished and valid: */
  .step.finish {
    background-color: #4CAF50;
  }

  /*modal*/
  .modal-body{
float: right;
text-align: right;
  }

  .modal-header .close{
    margin: 0rem 40rem 0rem auto;
    }

    #crdiv,#permissiondiv,#orgcasediv,#sellpercentagediv,#orgproducttypediv{
      display: none;

    }
    #percent-sign {
      top: 8px;
      left: 45px;
      color: #555;
      position: absolute;
      z-index: 1;
  }
  #t1,#p2,#t3,#p4{
    display: none;


  }
  .hintlabel{
    float: right;
  font-size: smaller;
  margin-right: 6%;
  color: #0d776b;
  text-align: right;
  }
  .hint{
    float: right;
  font-size: smaller;
  margin-right: 4%;
  color:#aaaaaa;
  }

.footernav{
  margin-top: 9%;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    padding: 3%;
}

.app-tagline {
  font-weight: 400;
  margin-top:24%;
  display: none;
}
@media (max-width: 992px) {
  .navbar-collapse {
      position: fixed;
      top: 0;
      left:0;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
      width: 100%;
      height: 100%;
      transition: all 0.3s ease;
      display: block;
      text-align: right;
      z-index:10000;
      background-color:#f4f4f4;
  }
  .hamburger-box {
    width: 28px;
    height: 16.2px;
    display: inline-block;
    position: relative;
    margin-top: 2px;
    /*margin-right: 185px;*/

}
.hamburger {
  cursor: pointer;
  font: inherit;
      font-size: inherit;
  color: inherit;
  text-transform: none;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
  width: 28px;
  height: 2px;
  background-color: rgba(0,0,0,.4);
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease;
  z-index:1000000;
}
.navbar-light .navbar-toggler {
  color: rgba(0,0,0,.5);
  border-color: rgba(0,0,0,.1);
  z-index: 1000000;
}
.navbar-nav .nav-link {
  padding-right: 4%;
  padding-left: 0;
  padding-top: 0%;
}
.navbar-nav {
 
  margin-top: 6%;
}
.divider-top {
  height: 1px;
  background: #444;
  background: rgba(0,0,0,.1);
  display: block;
  max-width: 70%;
  margin: 0;
}
.app-tagline {
  font-weight: 400;
  margin-top:24%;
  display: block;


}
  .navbar-collapse.collapsing {
      height: auto !important;
      margin-right: 50%;
      transition: all 0.3s ease;
      display: block;
  }
  .navbar-collapse.show {
      right: 0;
  }
  .colof{
    background-color: #0D776B;
    height: 45px;
   /* width:900px;*/
   width: 100%;   
    margin-left: 0px;
   margin-right: 0px;


}
.fmarg {
  width: 200px;
  height: 140px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.imagfo {
  margin-top: 8%;
  float: right;
  text-align: right;
  margin-right: auto;
margin-left: auto;

}
.footernav {
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  text-align: center;
  padding: 0;
}
}

.display-none{
  display: none;
}

.green{
color: #4CAF50;
font-weight: bold;
}
.red{
  color: #ff0000;
  font-weight: bold;

}
.borderless{
  border: 0px;
}
buttton,input{
  margin: 0.2rem;
}