:root {
  --theme: #800080;
  --text: #ffffff;
}
.hfdgff a:link {
  color: #444444 !important;
  text-decoration: none;
}
.hfdgff a:visited {
  text-decoration: none;
  color: #444444 !important;
}
.hfdgff a:hover {
  text-decoration: none;
  color: #444444 !important;
}
.hfdgff a:active {
  text-decoration: none;
  color: #444444 !important;
}
.mobicmsform a:link {
  color: #ffffff;
  text-decoration: none;
}
.mobicmsform a:visited {
  text-decoration: none;
  color: #ffffff;
}
.mobicmsform a:hover {
  text-decoration: none;
  color: #ffffff;
}
.mobicmsform a:active {
  text-decoration: none;
  color: #ffffff;
}
.mobicmsform .display-4{
  font-size: 1.1rem !important;
  line-height: 1.5;
}
.mobicmsform .smallfont{
  font-size: 98% !important;
}
.mobicmsform .display-7 {
  font-size: 1.28rem !important;
  line-height: 1.5;
}
.mobicmsform .input-group-btn {
  background-color:  var(--text) !important;
  color:  var(--theme) !important;
}
.mobicmsform .bg-primary {
  background-color:  var(--theme) !important;  
}
.mobicmsform .text-primary {
  color: var(--theme) !important;  
}
.mobicmsform .btn-primary {
  background-color:  var(--theme) !important;
  color:  var(--text) !important;
}
.mobicmsform .custom-radio {
  display: none;
}
.mobicmsform .custom-radio + label {
  font-weight: normal;
  cursor: pointer;
  margin-bottom: -9rem !important;
}

.mobicmsform .custom-radio + label span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
.mobicmsform .custom-radio + label span::before {
  content: '';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 13.5px;
  height: 13.5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.mobicmsform .custom-radio + label span{
  border: 3px solid #ffffff;
}
.mobicmsform .custom-radio + label span::before {
  background-color: #ffffff;
}
.hfdgff .custom-radio + label span{
  border: 3px solid #444444;
}
.hfdgff .custom-radio + label span::before {
  background-color: #444444;
}
.mobicmsform .custom-radio:checked + label span::before {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mobicmsform .custom-radio:disabled + label {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.mobicmsform .custom-radio:disabled + label, .custom-radio:disabled + label span {
  cursor: default;
}

.mobicmsform .custom-checkbox {
  display: none;
}
.mobicmsform .custom-checkbox + label {
  font-weight: normal;
  cursor: pointer;
  margin-bottom: -9rem !important;
}
.mobicmsform .custom-checkbox + label span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: relative;
  border: 3px solid var(--text);
}
.mobicmsform .custom-checkbox + label span::before {
  content: '';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 13.5px;
  height: 13.5px;
  background-color: var(--text);
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.mobicmsform .custom-checkbox + label span{
  border: 3px solid #ffffff;
}
.mobicmsform .custom-checkbox + label span::before {
  background-color: #ffffff;
}
.hfdgff .custom-checkbox + label span{
  border: 3px solid #444444;
}
.hfdgff .custom-checkbox + label span::before {
  background-color: #444444;
}
.mobicmsform .custom-checkbox:checked + label span::before {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mobicmsform .custom-checkbox:disabled + label {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.mobicmsform .custom-checkbox:disabled + label, .custom-checkbox:disabled + label span {
  cursor: default;
}

.mobicmsform .chkbx-toggle {
  display: none;
}
.mobicmsform .chkbx-toggle + label {
  position: relative;
  cursor: pointer;
  outline: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 40px;
  height: 29px;
  background-color: #e4e4e4;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
.mobicmsform .chkbx-toggle + label::before, .chkbx-toggle + label::after {
  content: '';
  display: block;
  position: absolute;
}
.mobicmsform .chkbx-toggle + label::before {
  right: 1px;
  left: 1px;
  top: 1px;
  bottom: 1px;
  background-color: #F1F1F1;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
.mobicmsform .chkbx-toggle + label::after {
  top: -1px;
  left: 0;
  width: 31px;
  height: 31px;
  background-color: #fff;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}
.mobicmsform .chkbx-toggle:checked + label {
  background-color: #e68900;
}
.mobicmsform .chkbx-toggle:checked + label::before {
  background-color: #FF9800;
}
.mobicmsform .chkbx-toggle:checked + label::after {
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}


 .mobicmsform .form-control, .mobicmsform .btn{
     border: 0;
	 min-height: 43px !important;

	 
 }
 .mobicmsform .form-group .btnd{
	 margin: 0.0rem 0.0rem !important;
	 padding: 0.3rem 0.4rem 0.3rem 0.9rem !important;
	 
 }
 .mobicmsform .form-select{
     border: 0;
	 min-height: 43px !important;	 
 }
.mobicmsform .form-group .colorpicker, .mobicmsform .form-group .hexcolor,  .mobicmsform .form-group .uptext,  .mobicmsform .form-group .btn {
     border: 0;
	 height: 43px !important;		 
 }

.mobicmsform .form-control:focus,
 .form-select:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
 }

.mobicmsform .bg-form {
     background-color: var(--theme) !important;
 }
.mobicmsform .note-editable {
     background-color: var(--text) !important;
 }
.mobicmsform .note-resizebar {
  background-color: #f5f5f5 !important;
}
.mobicmsform .bg-form label {
	 font-weight: bold;
 }
.mobicmsform .formhead {
	 font-weight: bold;
 }
.mobicmsform .bg-button-submit {
     background-color: var(--text) !important;
	 color:  var(--theme) !important;
	 float: right !important;
 }
.mobicmsform #captchaimg{
 width: 130px !important;
height: 50px  !important;
display: inline  !important;
 }
 
.hfdgff ::placeholder {
  color: #fff !important;
  opacity: 1; 
}

.hfdgff :-ms-input-placeholder {
  color: #fff !important;
}

.hfdgff ::-ms-input-placeholder {
  color: #fff !important;
}
.mobicmsform .mainbtn, .mobicmsform .loadingbtn {
	 float: right !important;
 }
.mobicmsform .note-editable {
     background-color: #ffffff !important;
	 color:   #444444 !important;
 }
.mobicmsform .note-placeholder {
	 color:   #444444 !important;
 }