#highfield_lms_plugin_settings_switch {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 34px;
  }
  
  #highfield_lms_plugin_settings_switch input {display:none;}
  
  #highfield_lms_plugin_settings_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ACBBBF;
    -webkit-transition: .4s;
    transition: .4s;
     border-radius: 5px;
  }
  
  #highfield_lms_plugin_settings_slider:before {
    position: absolute;
    content: "TEST";
    height: 28px;
    line-height: 28px;
    width: 39px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    font-weight: 600;
    border-radius: 7%;
  }
  
  input:checked + #highfield_lms_plugin_settings_slider {
    background-color: #ACBBBF;
  }
  
  input:focus + #highfield_lms_plugin_settings_slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + #highfield_lms_plugin_settings_slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(55px);
  }
  
  /*------ ADDED CSS ---------*/
  #highfield_lms_plugin_settings_slider:after
  {
   content:'LIVE';
   color: #dad6d6;
   display: block;
   position: absolute;
   transform: translate(-50%,-50%);
   top: 50%;
   left: 70%;
   font-size: 12px;
   font-family: Verdana, sans-serif;
  }
   input:checked + #highfield_lms_plugin_settings_slider:before
  {  
    content:'LIVE';
    left: -10%;
	text-align: center;
    font-weight: 600;

  }
  
  input:checked + #highfield_lms_plugin_settings_slider:after
  {  
    content:'TEST';
    left: 24%;
  }
  
  /*--------- END --------*/
  
  .highfieldlmsplugin-popup ul li{
	 list-style: disc;
     margin-left: 3em;
     line-height: 14px;
  }
  .highfieldlmsplugin-popup #TB_title{
      height: 42px;
      background: #fdb913c2;
  }
  .highfieldlmsplugin-popup.verify #TB_title{
    height: 42px;
    background: #000000c2;
    color: #fff;
}
  .highfieldlmsplugin-popup #TB_ajaxWindowTitle{
    font-size: 31px;
    font-weight: normal;
    line-height: 36px;
  }
  .highfieldlmsplugin-popup #TB_ajaxContent{
    padding-top: 20px;
    font-size: 1.1em;
    font-weight: 600;
  }
.dev-env-tr, .live-env-tr{
    background: #f8f8f8;
}
.dev-env-tr th, .live-env-tr th {
    margin-left: 33px;
    padding-left: 29px;
    padding-top: 23px;
}
label#highfield_lms_plugin_settings_switch {
    position: absolute;
    /* top: -24px; */
    left: 0;
}


small.all-left {
  position: absolute;
  left: 0;
  margin-top: 5px;
  margin-left: 2px;
}
#fountainG{
	position:relative;
	width:234px;
	height:28px;
	margin:auto;
}

table.form-table .fountainG{
	position:absolute;
	top:0;
	background-color:rgb(0,0,0);
	width:28px;
	height:28px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.5s;
		-o-animation-duration:1.5s;
		-ms-animation-duration:1.5s;
		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:19px;
		-o-border-radius:19px;
		-ms-border-radius:19px;
		-webkit-border-radius:19px;
		-moz-border-radius:19px;
}

table.form-table #fountainG_1{
	left:0;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

table.form-table #fountainG_2{
	left:29px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

table.form-table #fountainG_3{
	left:58px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

table.form-table #fountainG_4{
	left:88px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

table.form-table #fountainG_5{
	left:117px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

table.form-table #fountainG_6{
	left:146px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

table.form-table #fountainG_7{
	left:175px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}

table.form-table #fountainG_8{
	left:205px;
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}



@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

table.form-table .loadingDiv{
	display: none;
}
#highfield_lms_plugin_settings_switch {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 34px;
}

#highfield_lms_plugin_settings_switch input {display:none;}

#highfield_lms_plugin_settings_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ACBBBF;
	-webkit-transition: .4s;
	transition: .4s;
	 border-radius: 5px;
}

#highfield_lms_plugin_settings_slider:before {
	position: absolute;
	content: "TEST";
	height: 28px;
	line-height: 28px;
	width: 39px;
	left: 4px;
	bottom: 3px;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s;
	text-align: center;
	font-weight: 600;
	border-radius: 7%;
}

input:checked + #highfield_lms_plugin_settings_slider {
	background-color: #ACBBBF;
}

input:focus + #highfield_lms_plugin_settings_slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + #highfield_lms_plugin_settings_slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
#highfield_lms_plugin_settings_slider:after
{
 content:'LIVE';
 color: #dad6d6;
 display: block;
 position: absolute;
 transform: translate(-50%,-50%);
 top: 50%;
 left: 70%;
 font-size: 12px;
 font-family: Verdana, sans-serif;
}
 input:checked + #highfield_lms_plugin_settings_slider:before
{  
	content:'LIVE';
	left: -10%;
text-align: center;
	font-weight: 600;

}

input:checked + #highfield_lms_plugin_settings_slider:after
{  
	content:'TEST';
	left: 24%;
}

/*--------- END --------*/

.highfieldlmsplugin-popup ul li{
 list-style: disc;
	 margin-left: 3em;
	 line-height: 14px;
}
.highfieldlmsplugin-popup #TB_title{
		height: 42px;
		background: #fdb913c2;
}
.highfieldlmsplugin-popup.verify #TB_title{
	height: 42px;
	background: #000000c2;
	color: #fff;
}
.highfieldlmsplugin-popup #TB_ajaxWindowTitle{
	font-size: 31px;
	font-weight: normal;
	line-height: 36px;
}
.highfieldlmsplugin-popup #TB_ajaxContent{
	padding-top: 20px;
	font-size: 1.1em;
	font-weight: 600;
}
.dev-env-tr, .live-env-tr{
	background: #f8f8f8;
}
.dev-env-tr th, .live-env-tr th {
	margin-left: 33px;
	padding-left: 29px;
	padding-top: 23px;
}
label#highfield_lms_plugin_settings_switch {
	position: absolute;
	/* top: -24px; */
	left: 0;
}


small.all-left {
position: absolute;
left: 0;
margin-top: 5px;
margin-left: 2px;
}
table.form-table #fountainG{
position:relative;
width:234px;
height:28px;
margin:auto;
}

table.form-table .fountainG{
position:absolute;
top:0;
background-color:rgb(0,0,0);
width:28px;
height:28px;
animation-name:bounce_fountainG;
	-o-animation-name:bounce_fountainG;
	-ms-animation-name:bounce_fountainG;
	-webkit-animation-name:bounce_fountainG;
	-moz-animation-name:bounce_fountainG;
animation-duration:1.5s;
	-o-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
animation-direction:normal;
	-o-animation-direction:normal;
	-ms-animation-direction:normal;
	-webkit-animation-direction:normal;
	-moz-animation-direction:normal;
transform:scale(.3);
	-o-transform:scale(.3);
	-ms-transform:scale(.3);
	-webkit-transform:scale(.3);
	-moz-transform:scale(.3);
border-radius:19px;
	-o-border-radius:19px;
	-ms-border-radius:19px;
	-webkit-border-radius:19px;
	-moz-border-radius:19px;
}

table.form-table #fountainG_1{
left:0;
animation-delay:0.6s;
	-o-animation-delay:0.6s;
	-ms-animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
	-moz-animation-delay:0.6s;
}

table.form-table #fountainG_2{
left:29px;
animation-delay:0.75s;
	-o-animation-delay:0.75s;
	-ms-animation-delay:0.75s;
	-webkit-animation-delay:0.75s;
	-moz-animation-delay:0.75s;
}

table.form-table #fountainG_3{
left:58px;
animation-delay:0.9s;
	-o-animation-delay:0.9s;
	-ms-animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
	-moz-animation-delay:0.9s;
}

table.form-table #fountainG_4{
left:88px;
animation-delay:1.05s;
	-o-animation-delay:1.05s;
	-ms-animation-delay:1.05s;
	-webkit-animation-delay:1.05s;
	-moz-animation-delay:1.05s;
}

table.form-table #fountainG_5{
left:117px;
animation-delay:1.2s;
	-o-animation-delay:1.2s;
	-ms-animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
}

table.form-table #fountainG_6{
left:146px;
animation-delay:1.35s;
	-o-animation-delay:1.35s;
	-ms-animation-delay:1.35s;
	-webkit-animation-delay:1.35s;
	-moz-animation-delay:1.35s;
}

table.form-table #fountainG_7{
left:175px;
animation-delay:1.5s;
	-o-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
}

table.form-table #fountainG_8{
left:205px;
animation-delay:1.64s;
	-o-animation-delay:1.64s;
	-ms-animation-delay:1.64s;
	-webkit-animation-delay:1.64s;
	-moz-animation-delay:1.64s;
}



@keyframes bounce_fountainG{
0%{
transform:scale(1);
	background-color:rgb(0,0,0);
}

100%{
transform:scale(.3);
	background-color:rgb(255,255,255);
}
}

@-o-keyframes bounce_fountainG{
0%{
-o-transform:scale(1);
	background-color:rgb(0,0,0);
}

100%{
-o-transform:scale(.3);
	background-color:rgb(255,255,255);
}
}

@-ms-keyframes bounce_fountainG{
0%{
-ms-transform:scale(1);
	background-color:rgb(0,0,0);
}

100%{
-ms-transform:scale(.3);
	background-color:rgb(255,255,255);
}
}

@-webkit-keyframes bounce_fountainG{
0%{
-webkit-transform:scale(1);
	background-color:rgb(0,0,0);
}

100%{
-webkit-transform:scale(.3);
	background-color:rgb(255,255,255);
}
}

@-moz-keyframes bounce_fountainG{
0%{
-moz-transform:scale(1);
	background-color:rgb(0,0,0);
}

100%{
-moz-transform:scale(.3);
	background-color:rgb(255,255,255);
}
}

table.form-table .loadingDiv{
display: none;
}
.hf_api_options_wrapper{
	/* background: #f8f8f8;
	padding: 25px; */
	margin-bottom: 20px;
}
.hf_api_options_label{
	width: 157px;
	background: #f8f8f8;
	padding-top: 11px;
	padding-left: 25px;
	font-size: 14px;
	font-weight: bold;
}
.hf_api_options select:after {
    content: "\f140";
    position: absolute;
    right: 20px;
    font-family: dashicons;
}
table.hf_api_options td, table.hf_api_options th,
.hf-enrolment-wrapper td, .hf-enrolment-wrapper th{
	padding: 5px !important;
	background: transparent !important;
}
table.hf_api_options {
    margin-bottom: 0;
	width: 100%;
	table-layout: fixed;
}
#highfield_lms_plugin_settings_default_cid.is-invalid{
	border-color: red;
}

.hf_api_options thead th,
.hf-enrolment-wrapper thead th {
    vertical-align: middle;
	text-align: left;
    font-size: .9em;
    color: #8b8589;
}
.hf_api_mirrored_learners {
    clear: both;
}
.hflink-button {
    width: 100%;
    text-align: right;
    font-style: italic;
    cursor: pointer;
    margin-top: 10px;
}
.hf_api_options thead th .required,
.hf-enrolment-wrapper thead th .required {
    color: #ca3d38;
	margin-left: 3px;
}
.hflink-button:hover{
	color: rgb(76, 76, 235);
}
.hf_api_mirrored_learners details,
.hf_api_options_wrapper details {
    border: 1px solid #f0eff1;
}
.hf_api_mirrored_learners details>div,
.hf_api_options_wrapperdetails>div {
    padding: 5px;
}
.hf_api_mirrored_learners summary,
.hf_api_options_wrapper summary{
	background: #f7f4f6;
    list-style: none;
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    font-size: 0.9em;
    font-weight: bold;
    color: #8b8589;
}
.hf_api_options_label:empty {
    display: none;
}
.hf_api_options td> input, .hf_api_options td>select {
	padding: 0.1em 0.2em;
    width: 96%!important;
    min-width: 90%;
    max-width: 100%;
    line-height: 1.618;
    background-color: #fff;
    border: 1px solid #f0eff1;
    box-shadow: none;
	min-height: 26px;
	border-radius: 4px;
}
.hf_api_options td>select {
    height: 31px;
}
.hf_api_mirrored_learners details>summary:after,
.hf_api_options_wrapper details>summary:after
 {
    content: "\f139";
	position: absolute;
    right: 20px;
    font-family: dashicons;
}
.hf_api_mirrored_learners details[open]>summary:after,
.hf_api_options_wrapper details[open]>summary:after {
	content: "\f140";
	position: absolute;
    right: 20px;
    font-family: dashicons;
}
.hf_api_options td> input.is-valid, .hf_api_options td> select.is-valid {
    border: 1px solid #b5e1b5;
}
.hf_api_options td> input.is-invalid, .hf_api_options td> select.is-invalid {
    border: 1px solid #ffb5b2;
}
.hiddenlms{
	display: none;
}
.lmsright {
    float: right;
    clear: both;
}
a.button.refresh-lms-list, a.cannot-see-site {
    background: none;
    padding: 0;
}
a.button.refresh-lms-list:hover, a.cannot-see-site:hover {
    background: none;	
}

.licenceorenrolment_warning {
    margin-top: 10px;
}

.hf-custom-fields .requiredhf {
    padding: 0.1em 0.2em;
    width: 96%!important;
    min-width: 90%;
    max-width: 100%;
    line-height: 1.618;
    background-color: #fff;
    border: 1px solid #f0eff1;
    box-shadow: none;
    min-height: 26px;
    border-radius: 4px;
}
/* .hf_api_options [data-lastpass-icon-root],.hf_api_mirrored_learners [data-lastpass-icon-root="true"] {
    display: none;
}  */
.hf_api_options .hidethis {
    display: none;
}
.hf-enrolment-wrapper {
    background: #f8f8f8;
    padding: 25px;
    margin-bottom: 20px;
}
.hf-enrolment-wrapper td, .hf-enrolment-wrapper th {
    padding-left: 15px !important;
}
/* .hf-enrolment-wrapper .row {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
	max-width: 350px;
}
.hf-enrolment-wrapper .row .col-md-6{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 768px){
	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
} */
ul.woocommerce-info.hf:before {
    content: "\f348" !important;
    font-family: 'dashicons' !important;
    font-size: 1em !important;
    background: none !important;
}
.hf-learners-quick-link {
    text-align: right;
    margin-top: 5px;
    cursor: pointer;
	display: block;
	clear: both;
}
.hf-learners-quick-link:after{
	content: " >>";
}
.lms-error {
    display: block;
    clear: both;
    background: #dbf2ff;
    padding: 10px 20px;
	margin-bottom: 3px;
}
.lms-error:empty {
	display: none;
}
.hf-addlearnerdetails-basket {
    /* display: inline-block; */
    font-size: 12px;
    /* margin-left: 10px; */
}