/* BEGIN TOGGLE BUTTON */
.trc-toggle {
  color: #666 !important;
  background-color: #f9f9fa !important;
  background-image:url(/wp-content/plugins/tarificadores-rc/assets/img/bg-radio41.gif) !important;
  background-repeat:repeat-x !important; 
  border-color: #dfdee0 !important;
  height:43px !important;
  line-height:28px !important;
  font-size:16px;
}
.trc-toggle:before {
	content: "\f10c";  /* this is your text. You can also use UTF-8 character codes as I do here */
	font-family: 'Font Awesome 5 Free';
	right:5px;
	position:absolute;
	top:6px;
	font-size: 1.33333333em;
	font-weight:normal;
}
.trc-toggle:focus, .trc-toggle.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.trc-toggle:not(:disabled):not(.disabled):active, .trc-toggle:not(:disabled):not(.disabled).active {
  font-weight:bold;
  background-color: #f9f9fa;
  background-image:url(/wp-content/plugins/tarificadores-rc/assets/img/bg-radio.gif);
  background-repeat:repeat-x; 
}
.trc-toggle:not(:disabled):not(.disabled):active:before, .trc-toggle:not(:disabled):not(.disabled).active:before {
	content: "\f05d";  /* this is your text. You can also use UTF-8 character codes as I do here */
	font-family: 'Font Awesome 5 Free';
	right:5px;
	position:absolute;
	top:6px;
	font-size: 1.33333333em;
	font-weight:normal;
}
.trc-toggle:not(:disabled):not(.disabled):active:focus, .trc-toggle:not(:disabled):not(.disabled).active:focus {
	box-shadow: none;
}
/* END TOGGLE BUTTON */


/* BEGIN GROUP RADIO BUTTON */
.trc-radio {
  color: #666 !important;
  background-color: #f9f9fa !important;
  background-image:url(/wp-content/plugins/tarificadores-rc/assets/img/bg-radio41.gif) !important;
  background-repeat:repeat-x !important;;
  border-color: #dfdee0 !important;
  height:43px !important;
  line-height:28px !important;
  font-size:16px;
}
.trc-radio:focus, .trc-radio.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.trc-radio:not(:disabled):not(.disabled):active, .trc-radio:not(:disabled):not(.disabled).active {
  font-weight:bold;
  background-color: #f9f9fa;
  background-image:url(/wp-content/plugins/tarificadores-rc/assets/img/bg-radio.gif) !important;
  background-repeat:repeat-x; 
}
.trc-radio:not(:disabled):not(.disabled):active:before, .trc-radio:not(:disabled):not(.disabled).active:before {
	  content: "";
    right: 5px;
    position: absolute;
    top: 50%;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 405.272 405.272' xml:space='preserve'%3E%3Cpath d='M393.401,124.425L179.603,338.208c-15.832,15.835-41.514,15.835-57.361,0L11.878,227.836c-15.838-15.835-15.838-41.52,0-57.358c15.841-15.841,41.521-15.841,57.355-0.006l81.698,81.699L336.037,67.064c15.841-15.841,41.523-15.829,57.358,0C409.23,82.902,409.23,108.578,393.401,124.425z'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    border: 2px solid;
    border-radius: 100%;
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}
.trc-radio:not(:disabled):not(.disabled):active:focus, .trc-radio:not(:disabled):not(.disabled).active:focus {
	box-shadow: none;
}
/* END GROUP RADIO BUTTON */


/* BEGIN PLACEHOLDERS */	
.trc-placeholder::placeholder {color: #666 !important} /* Chrome, Firefox, Opera, Safari 10.1+ */
.trc-placeholder::placeholder {opacity: 1 !important} /* Firefox */
.trc-placeholder:-ms-input-placeholder {color: #666 !important} /* Internet Explorer 10-11 */
.trc-placeholder::-ms-input-placeholder {color: #666 !important} /* Microsoft Edge */
/* END PLACEHOLDERS */	


/* BEGIN CHECKBOX */	
.trc-checkbox {
	display: inline-block;
	height: 20px;
	width: 20px;
	border: 1px solid #aaa!important;
	overflow: hidden;
	margin-top: 0!important;
	vertical-align: middle;
	-webkit-appearance: none;
	outline: 0;
	background: 0 0;
	font-size: 9px!important;
	text-decoration: none!important;
}
.trc-checkbox:checked, .trc-checkbox:indeterminate {
	border-color:#53ac53!important;
	background:#53ac53;    
}
.trc-checkbox:checked:before, .trc-checkbox:indeterminate:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f00c";
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	line-height: 18px;
	color: #fff;
	display: block;
	text-decoration: none!important;
	font-weight:900!important;
}
/* END CHECKBOX */

.trc-div-requerido{color:#F00}
.trc-requerido{border-color:#F00 !important}