﻿@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	 input[type='radio'] {
		 --active: #016A91;
		 --active-inner: #fff;
		 --focus: 2px rgba(39, 94, 254, .3);
		 --border: #bbc1e1;
		 --border-hover: #275efe;
		 --background: #fff;
		 --disabled: #f6f8ff;
		 --disabled-inner: #e1e6f9;
		 -webkit-appearance: none;
		 -moz-appearance: none;
		 height: 21px;
		 outline: none;
		 display: inline-block;
		 vertical-align: top;
		 position: relative;
		 margin: 0;
		 cursor: pointer;
		 border: 1px solid var(--bc, var(--border));
		 background: var(--b, var(--background));
		 transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
	}
	 input[type='radio']:after {
		 content: '';
		 display: block;
		 left: 0;
		 top: 0;
		 position: absolute;
		 transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
	}
	 input[type='radio']:checked {
		 --b: var(--active);
		 --bc: var(--active);
		 --d-o: 0.3s;
		 --d-t: 0.6s;
		 --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
	}
	 input[type='radio']:disabled {
		 --b: var(--disabled);
		 cursor: not-allowed;
		 opacity: 0.9;
	}
	 input[type='radio']:disabled:checked {
		 --b: var(--disabled-inner);
		 --bc: var(--border);
	}
	 input[type='radio']:disabled + label {
		 cursor: not-allowed;
	}
	 input[type='radio']:hover:not(:checked):not(:disabled) {
		 --bc: var(--border-hover);
	}
	 input[type='radio']:focus {
		 box-shadow: 0 0 0 var(--focus);
	}
	 input[type='radio']:not(.switch) {
		 width: 21px;
	}
	 input[type='radio']:not(.switch):after {
		 opacity: var(--o, 0);
	}
	 input[type='radio']:not(.switch):checked {
		 --o: 0.5;
	}
	 input[type='radio'] + label {
        font-size: 1em;
        line-height: 21px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin-left: 8px;
        margin-right: 12px;
	}

	 input[type='radio'] {
		 border-radius: 50%;
	}
	 input[type='radio']:after {
		 width: 19px;
		 height: 19px;
		 border-radius: 50%;
		 background: var(--active-inner);
		 opacity: 0;
		 transform: scale(var(--s, 0.7));
	}
	 input[type='radio']:checked {
		 --s: 0.5;
	}
}
  .terminals [type="checkbox"]:not(:checked),
  .terminals [type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
  }
  .terminals [type="checkbox"]:not(:checked) + label,
  .terminals [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 2.3em;
    font-size: 1.05em;
    line-height: 1.7;
    cursor: pointer;
  }
  /* checkbox aspect */
  .terminals [type="checkbox"]:not(:checked) + label:before,
  .terminals [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #aaa;
    background: #FFF;
    border-radius: .2em;
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(1, 106, 145, .2);
    -webkit-transition: all .275s;
        transition: all .275s;
  }
  /* checked mark aspect */
  .terminals [type="checkbox"]:not(:checked) + label:after,
  .terminals [type="checkbox"]:checked + label:after {
    content: '✕';
    position: absolute;
    top: .525em;
    left: .18em;
    font-size: 1.375em;
    color: #016A91;
    line-height: 0;
    -webkit-transition: all .2s;
        transition: all .2s;
  }

  /* checked mark aspect changes */
  .terminals [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg);
  }

  .terminals [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
  }

  /* Disabled checkbox */
  .terminals [type="checkbox"]:disabled:not(:checked) + label:before,
  .terminals [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #e9e9e9;
  }

  .terminals [type="checkbox"]:disabled:checked + label:after {
    color: #777;
  }

  .terminals [type="checkbox"]:disabled + label {
    color: #aaa;
  }

  /* Accessibility */
  .terminals [type="checkbox"]:checked:focus + label:before,
  .terminals [type="checkbox"]:not(:checked):focus + label:before {
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(1, 106, 145, .2)
  }
a.phint:link, a.phint:visited {
    color: #5cc2ef;
    text-decoration: none;
    font-family: 'opensansregular', arial, verdana, sans-serif;
    font-size: 0.8em;
}
a.phint:hover,a.phint {
    text-decoration: underline;
}
select#ddlTelNos {
    font-family: 'opensansregular', arial, verdana, sans-serif;
    font-size: 0.8em;
    letter-spacing: 1px;
   -webkit-appearance: none;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(images/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #d9d8d8;
   color: #363636;
   margin: 4px;
   overflow: hidden;
   padding: 4px 4px;
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 260px;
}