#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;
}
table.hf_api_options td, table.hf_api_options th{
	padding-left: 15px !important;
}
#highfield_lms_plugin_settings_default_cid.is-invalid{
	border-color: red;
}