.form-heading {
    background-color: transparent;
    /* border-bottom: 1px solid rgba(0,0,0,.1); */
    font-size: 1.15em;
    font-weight: 700;
    margin: 30px 0 15px;
    padding: 0 0 5px;
    width: 100%;
    color: #666;
    text-transform: capitalize;
} 
div#ui-datepicker-div 
{
    z-index: 99 !important;
}
.sars-custom-form {
    position: relative;
}
.sars-custom-form .form-row:last-child {
    margin-bottom: 0;
}
.sars-custom-form .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7.5px;
    margin-bottom: 20px;
    width: 100%;
}
.sars-custom-form .form-row .form-group-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0px 7.5px;
    position: relative;
}
.sars-custom-form .form-row .form-group-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    padding: 0px 7.5px;
    position: relative;
}
.sars-custom-form .form-row .form-group-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    padding: 0px 7.5px;
    position: relative;
}

.sars-custom-form .info-tooltip i {

    border: 1px solid #4d2b79;
    width: 15px;
    height: 15px;
    text-align: center;
    padding: 2px 5px;
    font-size: 9px;
    border-radius: 30px;
    position: absolute;
    top: -11px;
    left: 4px;
    cursor: pointer;
    color: #4d2b79;

}
.sars-form-summ
{
    margin-top: 2em;
}
.sars-custom-form .info-tooltip {
    position: relative;
    display: inline-block;
    margin:0;
  }
  
  .sars-custom-form .info-tooltip .tooltiptext 
  {
    visibility: hidden;
    color: #000;
    text-align: center;
    border-radius: 0;
    padding: 0.2rem;
    position: absolute;
    z-index: 99;
    bottom: 20px;
    left: -26px;
    margin-left: 0;
    width: max-content;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 12px;
    font-style: normal;
    padding: 2px 22px;
  }
  
  .sars-custom-form .info-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    
    left: 38px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #292929 transparent transparent transparent;
  }
  
.sars-custom-form .info-tooltip:hover .tooltiptext {
    visibility: visible;
    
}
.sars-custom-form .form-row .form-group-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px 7.5px;
    position: relative;
}
.sars-custom-form .form-row label.over {
   /* display: none;*/
    color: #4d2b79;
   position: relative;
    /* position: absolute;*/
    padding: 4px 14px 0px;
    font-size: 12px;
    font-weight: 700;
    z-index: 99;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 8px;
    display: inline-block;
}
.sars-custom-form .form-row label span.asterisk {
    color: #D8000C;
}
#passportidnumber b {
    color: #D8000C;
}
div#idpasstooltip {
    display: inline-block;
}
.id-type
{
display:inline-block;
margin-bottom:10px;
}
.sars-custom-form .id-type-check {
    margin-bottom: 0px;
}
.sars-custom-form .form-row .form-control {
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 16px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ccc;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	height: 50px;
}
.sars-custom-form .form-row .form-control.active {
	/*padding-top: 30px;*/
}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}
.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}
.form-group-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0px 7.5px;
    position: relative;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}
.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}
#postal-address-wrap {
    width: 100%;
    margin-bottom: 20px;
}
#postal-address-wrap .form-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
/* #postal-address-wrap .form-row .form-group-12 {
    padding: 0;
} */
.custom-select.form-control.active {
	/*padding-top: 20px!important;*/
    padding-bottom: 0px;
}
.custom-select {
    position: relative;
    background: url(../images/download.svg) top right no-repeat;
    background-size: 50px 20px;
    background-position: center right;
}
.sars-custom-form .has-error.form-validation-message input ,
.sars-custom-form .has-error.form-validation-message select 
{ /* Edge */
    border: 1px solid #D8000C;
  }
  

.response-message.response-error {
    padding: 10px;
   /* border: 1px solid #D8000C;*/
    border:0;
   /* margin: 20px 0;*/
    margin:0;
   /* background: #FFBABA;*/
   background: none;
    color: #D8000C;
}
.response-message.response-success {
	padding: 10px;
    border: 1px solid #4F8A10;
    margin: 20px 0;
    background: #DFF2BF;
    color: #4F8A10;
}
.form-loader {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    top: 0;
    background: rgba(255,255,255,0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 9999;
}
.additional-information , .desc {
    width: 100%;
}
.justify-align-items {
    align-items: center;
    justify-content: center;
}
/****** date-picker *********/
.page-id-216028 .ui-datepicker .ui-datepicker-title {
    display: flex;
    justify-content: center;
}
.page-id-216028 .ui-datepicker select.ui-datepicker-month, .page-id-216028 .ui-datepicker select.ui-datepicker-year {
    color: #5A3989!important;
    font-weight: 600;
    border: 1px solid #5A3989;
    text-align: center;
}
.page-id-216028 .ui-datepicker .ui-datepicker-prev,.page-id-216028 .ui-datepicker .ui-datepicker-next {
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.page-id-216028 .ui-state-highlight, .ui-widget-content .ui-state-highlight,.page-id-216028 .ui-widget-header .ui-state-highlight {
    border: 1px solid #5A3989;
}
.page-id-216028 .ui-datepicker-calendar .ui-state-default,.page-id-216028 .ui-timepicker-div .ui-state-default {
    background: transparent!important;
}
.person-company {
    list-style-type: none;
    margin: 15px 0 30px 0;
    padding: 0;
  }
  
  .person-company .form-check {
    float: left;
    margin: 0 5px 0 0;
    position: relative;
    font-family: "Montserrat", Sans-serif;
    font-weight: 700;
    letter-spacing: 0px;
    fill: #5A3989;
    color: #5A3989;
    background-color: #02010100;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #5A3989;
    border-radius: 50px 50px 50px 50px;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    width: 300px;
    height: 50px;
    overflow: hidden;
    padding-left: 0px;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
    cursor: pointer;
  }
  
  /* .form-star {
    position: relative;
  }
  .form-star::after {
    position: absolute;
    right: 20px;
    top: -10px;
    background: #fff;
    padding: 4px 10px;
    line-height: 1;
    display: block;
    color: #D8000C;
    font-size: 12px;
    content: 'Required';
  } */
  
  .person-company label,
  .person-company input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .person-company input[type="radio"] {
    opacity: 0.01;
    z-index: 10;
  }
  
  .person-company input[type="radio"]:checked+label,
  .Checked+label {
    background: #5A3989;
    color: #fff;
  }
  
  .person-company label {
    padding: 12px;
    /* border: 1px solid #CCC; */
    cursor: pointer;
    z-index: 90;
  }
  
  .person-company .form-check:hover {
    background: #5A3989;
    color: #fff;
  }

  #postal-address-wrap .form-group-12 {
    padding-left: 0;
    padding-right: 15px;
  }   
  @media (max-width:12oopx) 
{
    .sars-custom-form .info-tooltip .tooltiptext {

        left: -7px;
      }
}




@media (max-width:767px) {
    .form-heading {
        line-height: 26px;
            margin: 20px 0 0 0;
    }
    .sars-custom-form .form-row .form-group-5,.sars-custom-form .form-row .form-group-2,.sars-custom-form .form-row .form-group-12 {
        max-width: 100%;
        width: 100%;
        flex: none;
        margin-bottom: 10px;
    }
    #postal-address-wrap {
        margin: 0px!important;
    }
	.sars-custom-form .form-row {
		margin-bottom: 10px;
	}
    #myRadioGroup .justify-align-items {
        margin: 0px;
    }
    #myRadioGroup .form-row .person-company {
        float: left;
        width: 100%;
    }
    #myRadioGroup .form-row .person-company .form-check {
        width: 100%;
        margin-bottom: 10px;
    }
    .sars-custom-form .info-tooltip .tooltiptext 
    {
        width: 432px;
        left: -31px;
    }
}
@media (max-width:500px) {
    .sars-custom-form .info-tooltip .tooltiptext {
        width: 400px;
        left: -100px;
    }
    .sars-custom-form .info-tooltip .tooltiptext::after 
    {
        left: 109px;
    }
}
@media (max-width:390px) {
    .sars-custom-form .form-row label.over {
        font-size: 9px;
    }
	.sars-custom-form .info-tooltip .tooltiptext {
        width: 200px;
    }
}